如何使用Jquery填充下拉列表 - How to populate drop down list using Jquery

How to populate drop down list using Jquery

我正在使用javascript方法从数据库中获取数据，该方法工作正常，我在警报中获取数据如下：

返回数据

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

但我想用这些数据填充一个下拉菜单。任何人都可以告诉我如何在HTML或PHP中执行此操作。

在你的 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>');
});