来自 ajax 的动态 select 选项否 space

Question

success: function(data) {

    //console.log(data);

    var country = $('#Country');
    country.empty();
    $('#Cities').empty();
    for (var i = 0; i < data.length; i++) {
        $(country).append('<option id=' + data[i].sysid + ' value=' + data[i].name + '>' + data[i].name + '</option>');

        //console.log("PAIR " + i + ": " + data[i].sysid);
        //console.log("PAIR " + i + ": " + data[i].name);
    }
    //manually trigger a change event for the contry so that the change handler will get triggered
    $(country).change();

}

我有一个 select 选项，我使用 ajax 像这样填充它。我从数据库中获取数据。我的问题是为什么这段代码不包括 space 例如国家是 United States Of America 代码只会将值保存为 United 国家的价值只有 United 当我保存它。如何以即使有 space 的方式制作它仍将计入值

将是不完整的

Answer 1

您需要引用值（和 ID）

value="' + data[i].name + '">'

导致

value="United States Of America">

来自 ajax 的动态 select 选项否 space

dynamic select option from ajax no space

ajax

jquery

whitespace

来自 ajax 的动态 select 选项 否 space

dynamic select option from ajax no space

ajax

jquery

whitespace

来自 ajax 的动态 select 选项否 space