Question

我有一个页面，其中第一个选择框填充有php数据，然后有一个“ +”按钮，以便用户可以在下一行中重复相同的选择框，但对于我而言，当我单击“ +”时按钮，则不会加载任何内容。如果我删除了php脚本，则它会动态加载选择框。问题是由于jquery中的php脚本。

下面是我的jquery代码：

<script>
        function showDiv()
        {
           $('#insert').append("<div class='row'><div class='col-md-5 mb-3'><label>Item Name</label><select class='custom-select d-block w-100' id='itemname' name='itemname[]' required><option value='0'>Choose...</option><?php $result = $linkID1->query('select item_id,itemname from item_details order by itemname asc') or die("error"); while($row = mysqli_fetch_array($result)){ echo '<option value='.$row[item_id].'>'.$row[itemname].'</option>'; } ?> </select><span id='inmessage'></div><div class='col-md-4 mb-3'><label>Order Size</label><select class='custom-select d-block w-100' id='unitsize' name='unitsize[]' required><option value='0'>Choose...</option></select><span id='osmessage'></div><div class='col-md-3 mb-3'><label></label><a href='#' onClick='showDiv();'><div class='plus'>+</div></a></div></div>");
        }
    </script>

如果我删除了php部分，则将其加载，但是那将没有用。

Answer 1

JavaScript在页面加载后在客户端进行。 PHP脚本在服务器上执行，并生成发送到客户端的页面。如果要客户端执行php脚本，则必须向服务器发送请求，并使用http请求在客户端上接收响应。 Ť 查看以下说明，以了解使用PHP在不重新加载页面的情况下将内容放置在页面上的基础：

https://medium.freecodecamp.org/here-is-the-most-popular-ways-to-make-an-http-request-in-javascript-954ce8c95aaa

使用div中的php脚本动态添加选择框填充的数据

1 个答案: