javascript - 附加到选择的选项的值以“在获取的值结束之前

Question

我正在使用 ajax 从我的数据库中获取一些数据，问题是当我将一个选项附加到一个包含这些数据的值的 select 时，附加的第一个单词以 "结尾，因此其余部分留在值标记之外.

这是空选择:

<select name="Sender" id="SenderNames" class="form-control" style="width: 100%;"></select>

这是 jQuery 代码:

$('#SenderSelect').on('change', function() {
    $.ajax({
        type: "POST",
        url: 'operations/inner-operations/getNamesByService.php',
        data: { action :"getService", "serviceName" : $("#SenderSelect option:selected").val() },
        success: function(data) {
            var responseObj = jQuery.parseJSON(data);
            console.log(responseObj);
            $.each(responseObj, function(i, value) {
                $("#SenderNames").append('<option value='+value+'>'+value+'</option>');
            });
        }
    });
});

附加选项应如下所示:

<option value="First Second">First Second</option>

但是，它是这样附加的:

<option value="First" second="">First Second</option>

Answer 1

我刚刚意识到我没有正确关闭字符串。追加应该是这样的:

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

值标签必须用“.”包裹