如何使用Jquery填充下拉列表

时间:2014-04-02 13:43:53

标签: php html laravel

我使用javascript方法从数据库中获取数据,这是正常工作的,我在这样的警报中获取数据:

返回数据

[{"user_id":3},{"user_id":4}]

但我希望用这些数据填充下拉列表。 任何人都可以告诉我如何在HTML或PHP中执行此操作。

1 个答案:

答案 0 :(得分:1)

在你的ajax成功函数里面做

var response = $.parseJSON(result); // The result is coming from server

var options = '';

$.each(response, function(i,data){

  options +='<option value="'+ data.user_id +'">' + data.user_id + '</option>';

});

$("#wrapper").append('<select>' + options + '</select>');

我假设有一个包装元素,您可以在其中放置选择

<div id="wrapper"></div>

<强>更新

$.ajax({

  url: "ajax.php" // You get the [{"user_id":3},{"user_id":4}] from here

}).done(function(result) {

  var response = $.parseJSON(result); // The result is coming from server

  var options = '';

  $.each(response, function(i,data){

    console.log(data)

    options +='<option value="'+ data.user_id +'">' + data.user_id + '</option>';

  });

  $("#wrapper").append('<select>' + options + '</select>');

});