如何使用jQuery填充下拉列表

Question

我正在使用javascript方法從數據庫中獲取數據，該數據庫工作正常，並且我正在像這樣在警報中獲取數據：

返回數據

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

但我想用此數據填充下拉列表。 誰能告訴我如何用HTML或PHP做到這一點。

Answer 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>

UPDATE

$.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>');

});