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

时间:2017-12-04 23:14:02

标签: javascript jquery

我正在使用数据库中的ajax获取一些数据,问题是当我向带有包含这些数据的值的选项附加选项时,追加结束第一个单词“因此其余部分留在值标记之外

这是空的选择:

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

1 个答案:

答案 0 :(得分:1)

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

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

值标签必须用“”包装。