如何使用 Jquery 填充下拉列表答案

【问题标题】：How to populate drop down list using Jquery如何使用 Jquery 填充下拉列表
【发布时间】：2014-04-02 13:43:52
【问题描述】：

我正在使用 javascript 方法从数据库中获取数据，该方法工作正常，并且我正在像这样在警报中获取数据：

返回数据

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

但我想用这些数据填充下拉列表。谁能告诉我如何在 HTML 或 PHP 中做到这一点。

【问题讨论】：

您想要 jquery 解决方案还是 PHP 解决方案？
到目前为止你有什么，你在使用 javascript 库/框架吗？
太棒了！所以你返回json，应该很容易解析它并建立你的下拉列表

标签： php html laravel

【解决方案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>');

});

【讨论】：

此解决方案不起作用。我是 Jquery 的新手。我认为 Ajax 方法行不通
@CMGOGO 该声明与您的原始帖子所说的直接矛盾。您说您正在使用 javascript 从数据库中获取数据，这可能只意味着一件事。阿贾克斯。
实际上这个解决方案是有效的。正如我在第一篇文章中所说，您只需将代码放在适当的函数中。查看更新。