javascript - 如何使用数据库值填充动态附加 div 中的下拉列表

Question

我想使用 php、mysql 和 ajax 在附加的 div 中创建一个下拉列表，但它对我不起作用。javascript 代码位于下面，其中城市和位置来自 ajax 和 php，并在 + 按钮上的动态 div 中创建点击:JavaScript:

<script>
$(document).ready(function () {
var counter = 0;
$("#addButton").click(function () {
        if (counter > 19) {
            alert("Only 20 Address allowed");
            return false;
        }


    var elems = '<div class="col-lg-5"  id="Address' + counter + '">'+
          '<textarea class="form-control" name="alt_address[]" rows="3" placeholder="Address' + (counter+1) + '" /><div class="col-lg-6 form-group col-lg-offset-6"> </div>' +
          '<div class="col-lg-3 form-group" id="city' + counter + '">'+
          '<select name="city_name[]" id="city_name' + counter + '" class="form-control"></select>' +
          '</div><div class="col-lg-3 form-group"><select name="locality_name[]" id="locality_name' + counter + '" class="form-control"><option value="" selected="selected" >Select Locality</option></select></div></div>' + 
          '<div class="col-lg-1 form-group">'+
          '<button type="button" class="removebtn" id="removeButton' + counter + '">' +
          '<span class="glyphicon glyphicon-minus"></span></button>' +
          '</div><div class="col-lg-6 form-group col-lg-offset-6"> </div>' ;


    $('#addressDiv').append(elems);

        counter++;

         $.ajax({

        type:"Post",

        url:"city_load.php",



        cache:"false",

        success:function(html){

            $("#locality_name" + counter).html(html);

        }

        });

         return false;
         });

         $("#city_name" + counter).change(function(){



    $city_id = $(this).val();



    $.ajax({

        type:"Post",

        url:"ajax-dd3ck.php",

        data:"city_id="+$city_id,

        cache:"false",

        success:function(html){

            $("#locality_name" + counter).html(html);

        }

        });

    });



                $(document).on('click','.removebtn',function () {

                if(counter==0){
      alert("No more textbox to remove");
      return false;
   }   

counter--;

    $("#Address" + counter).remove();
    $("#removeButton" + counter).remove();






});


});

Answer 1

这是语法不正确:

while($row=mysqli_fetch_array($res))
     echo "<select name='city_name' id='city_name'$i class='form-control'>";
{

应该是这样

echo "<select name='city_name' id='city_name'$i class='form-control'>";
while($row=mysqli_fetch_array($res)) {

id='city_name'$i 也是一个 HTML 错误，但不应影响 PHP。

您实际上并没有在其他任何地方使用 $i 或增加它，所以我不确定为什么您实际上有这个..