php - 是否可以使用 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

此示例使用 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>';
?>