字符串插补不适用于一个以上单词的字符串

Question

该代码从一个选择框中删除所有选项并进行更新。 问题是每个选项的值未正确更新。

发生的情况是，每个选项的值仅用字符串的第一个单词更新，这是不正确的。 我想用整个字符串更新值。

码：

service_selection.children().remove();
$.each(data, function(index,value){
    service_selection.append("<option value=" + value.description + ">" + value.description + "</option>");
});

示例：假设value.description =“ Hello World Foo Bar”。

html显示仅将“ Hello”分配给选项的值，而不是“ Hello World Foo Bar”分配给选项的值。

更新后的当前html如下所示：

<option value="Hello" World Foo Bar>Hello World Foo Bar</option>

Answer 1

您忘记为实际的html值添加“（必须用“围起来”），否则它将在第一个空格之后被剪切。

正确的代码如下所示：

    service_selection.children().remove();
$.each(data, function(index,value){
    service_selection.append("<option value='" + value.description + "'>" + value.description + "</option>");
});

（请注意，我在value =之后和>之前添加了一个'

Answer 2

您在当前代码中的引号有问题。

我个人会做类似的事情：

var opts = "";
$.each(data, function(index, value) {
    opts += '<option value="' + value.description + '">' + value.description + '</option>';
});
service_selection.html(opts);