JS可以用来显示已经由php mysql填充的新下拉列表吗？

Question

我知道PHP是服务器端的，而JS是客户端的，我已经做了一些研究，但是还没有完全找到我想要的东西。

所以我想知道的是，是否可以使用Javascript显示PHP代码？

场景：

我正在从数据库更新页面上已经有一个下拉列表

（快速示例）

php while($row...) {
    <option><?php echo $row["number"]; ?></option>
}

当单击按钮时，我正在使用Javacript显示新的下拉列表

<script language="javascript">
var i = 1;
function changeIt()
{
my_div.innerHTML = my_div.innerHTML +"<br><select><option name='mytext'+ i></option></select>"
i++;
}
</script>

这可行，但是我想做的是让此新的下拉列表预先显示。

这两个项目可以一起工作吗？ 如果可以，怎么办？ 还是由于php在到达用户之前会重新加载页面，所以每次都需要重新加载页面吗？

任何帮助或指导将不胜感激。

Answer 1

您可以使用ajax从服务器加载数据。 使用jQuery做到这一点的一种很好且非常常见的方法。

看看这个例子： jQuery Ajax Tutorial

Answer 2

此示例使用jQuery对your-script.php进行ajax调用，然后依次返回html作为选择列表：

$(document).ready(function() {
   // event handler for click on the button control
   $('#your-button').click(function() {
     // make ajax request
     $.ajax({
       url:"your-script.php",
       success:function(e) {
         // insert html for the select control
         $('#control-panel').html(e);
       }
    });
   });
});

<div id="control-panel">replace this with select control</div>
<input type="button" id="your-button" />

这是your-script.php文件的内容：

<?php
  print '<select><option value="1">1</option></select>';
?>