使用带有从 ajax 获取的值的 jquery 将选项设置为 <select>答案

【问题标题】：set option to <select> using jquery with values acquired from ajax使用带有从 ajax 获取的值的 jquery 将选项设置为 <select>
【发布时间】：2015-08-08 21:33:34
【问题描述】：

我有一个没有<option> 的<select> 标记，我想附加已使用ajax 查询的值。我使用这种方法是因为我的<select> 标签位于bootstrap modal 中。我要怎么做？我这里有这段代码：

$('#update_job').on('show.bs.modal', function (event)  {
        var button = $(event.relatedTarget) // Button that triggered the modal
        var id = $('.jobs').val();
        var modal=$(this);
        $('.modal-body #id').val(id)
        $.ajax({
            url: "<?php echo site_url('Job_Order_Stage/getAllStatus')?>",
            dataType: 'JSON',
            success: function(result){
                var button = $(event.relatedTarget) 



            }
            $.each(result, function(i, item) {
            console.log("inserting", item);
            $('#status').append('<option value=>'.)

            });
        }); 
    });

在那个$('#status').append('<option value=>'.) 中，我不知道如何设置该值，因为它被单个qoutes 包围。

【问题讨论】：

标签： javascript jquery html ajax twitter-bootstrap

【解决方案1】：

你可以连接字符串

 $('#status').append('<option value="' + item + '">');

【讨论】：

【解决方案2】：

试试：

$('#status').append($("<option></option>")
            .attr("value",item)
            .text(item));

或更好（如果你愿意）在你的for循环中：

$('#status').append($("<option></option>")
            .attr("value",i)
            .text(item));

【讨论】：

【解决方案3】：

在 JavaScript 中，您可以对单引号进行双引号，反之亦然。

console.log('hello "world"') 将输出hello "world"，console.log("hello 'world'") 将输出hello 'world'。

【讨论】：

【解决方案4】：

可以这样做：

$('#status').append("<option value='"+item+"'>"+item+'</option>');

【讨论】：