MySQL Query Within JavaScript

我正在编写一个表单，其中使用JavaScript来添加另一个行项。目的是将行项目添加到发票中。当在我的表单中使用文本框时，我已经成功地使其工作正常，但我卡住了如何使其与下拉框一起工作，该下拉框调用mysql以获取下拉框数据。

这是我的。

 <?php
     include $_SERVER['DOCUMENT_ROOT']."/connect.php";
     include $_SERVER['DOCUMENT_ROOT']."/includes/header.php";
 ?>
 <script type="text/javascript">
     var counter = 1;
     function addInput(divName){
          var newdiv = document.createElement('div');
          newdiv.innerHTML = "Entry " + (counter + 1) + " <br><select name='myInputs[]'><?php $result = mysql_query("SELECT * FROM salesitem"); while($row = mysql_fetch_array($result)) { echo "<option value='"".$row['name']."'">".$row['name']."</option>";} ?></select>";
          document.getElementById(divName).appendChild(newdiv);
     }
 </script>
 <form method="POST">
     <div id="dynamicInput">
          Entry 1<br><select name="myInputs[]"><?php $result = mysql_query("SELECT * FROM salesitem"); while($row = mysql_fetch_array($result)) { echo "<option value='"".$row['name']."'">".$row['name']."</option>";} ?></select>
     </div>
     <input type="button" value="Add another text input" onClick="addInput('dynamicInput');">
 </form>

这里有一些关于正在发生的事情的信息。现在，上面的JavaScript代码显示了其中的MySQL查询。这就破坏了添加行项的功能。如果我只是删除查询，但留下另一个php，添加行项又开始工作，但当然下拉列表中没有数据。

在表单本身中，它从数据库中获取第一行项，而不使用javascript，这是正常工作的。

我觉得我离目标越来越近了，但不知道下一步该怎么走。

提前感谢。

编辑:多亏了尼克，我才成功了。代码如下:

 <?php
 include $_SERVER['DOCUMENT_ROOT']."/connect.php";
 include $_SERVER['DOCUMENT_ROOT']."/includes/header.php";
 ?>
 <script type="text/javascript">
 var counter = 1;
 function addInput(div){
    xmlhttp=new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
     if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
      var newdiv = document.createElement('div');
      newdiv.innerHTML = "Entry " + (++counter) + " <br><select name='myInputs[]'>" + xmlhttp.responseText + "</select>";
     }
      document.getElementById(div).appendChild(newdiv);
   }
 xmlhttp.open("GET", "update_text.php", false);
 xmlhttp.send();
 }
 </script>
 <form method="POST">
 <div id="dynamicInput">
      Entry 1<br><select name="myInputs[]"><?php $result = mysql_query("SELECT * FROM salesitem"); while($row = mysql_fetch_array($result)) { echo "<option value='"".$row['name']."'">".$row['name']."</option>";} ?></select>
 </div>
 <input type="button" value="Add" onClick="addInput('dynamicInput');">
 </form>

update_text.php

 <?php
 include $_SERVER['DOCUMENT_ROOT']."/connect.php";
 $result = mysql_query("SELECT * FROM salesitem");
 while($row = mysql_fetch_array($result)) {
 echo "<option value='"".$row['name']."'">".$row['name']."</option>";
 }
 ?>

这里是我的php帖子进入数据库，这是不工作的javascript添加行项目，只有从表单创建的原始条目。(除了下拉菜单，我还有其他字段)。

 <?php
 include $_SERVER['DOCUMENT_ROOT']."/connect.php";
 $company = mysql_real_escape_string($_POST['company']);
 foreach($_POST['item'] as $i => $item)
 {
   $item = mysql_real_escape_string($item);
 $quantity = mysql_real_escape_string($_POST['quantity'][$i]);
 mysql_query("INSERT INTO invoice (company, item, quantity) VALUES ('$company', '".$item."', '".$quantity."') ") or die(mysql_error());
 }
 echo "<br><font color='"green'"><b>Invoice added</b></font>";
 ?>

谢谢，如果我能把它整理得更好，请告诉我。