Javascript 动态地将select元素添加到表单

我读过很多关于动态添加字段集的帖子，但我找不到解决问题的方法

我试过这个：

$('#btnAddField').click(function(e){
        e.preventDefault();
        $('#section2').append('<div><select class="form-control" name="rendezo_neve"> \
        <?php 
                $conn = mysql_connect("localhost","root","");
                mysql_select_db("mydb");
                $res = mysql_query("select * from `rendezo` ORDER BY ID DESC");
                if(mysql_num_rows($res) > 0) {
                    ?><option value="<?php echo $row["First_Name"] . " " .$row["Last_name"];?>"> <?php echo $row["First_Name"]." ".$row["Last_Name"];?></option><?php
                }
                mysql_close($conn);
        ?>\
        </select><input type="button" value="X" class="remove_field"></input></div>');
    });



    $("#upload").on("click",".remove_field", function(e){
        e.preventDefault(); $(this).parent('div').remove();
    })

问题是，当我向表单中添加新元素时，它是空的

我想在每次向表单添加新元素时，都列出数据库中的所有元素。

---

我可以像上面那样做吗？

您使用的是PHP客户端。您应该使用AJAX来实现类似的功能。您面临的问题是，您正在尝试将服务器端脚本语言和客户端脚本语言结合起来。PHP是服务器端的，在页面完成加载之前执行。Javascript在页面从服务器传递到客户端之后执行。因此，在加载页面后，用PHP编写的任何内容都不会更改。要解决这个问题，您需要使用ajax或jquery.get从另一个php文件加载php代码。您使用的是php客户端。您应该使用ajax实现类似的功能。您面临的问题是，您正在尝试将服务器端脚本语言和客户端脚本语言结合起来。PHP是服务器端的，在页面完成加载之前执行。Javascript在页面从服务器传递到客户端之后执行。因此，在加载页面后，用PHP编写的任何内容都不会更改。为了解决这个问题，需要使用ajax或jquery.get从另一个php文件加载php代码。