javascript - 使用包含空格的字符串值向下拉列表添加选项会导致语法错误

Question

我目前有一系列链接可以打开包含下拉菜单和输入文本框的菜单，以向下拉菜单添加新选项:

如果我保存一个不包含空格的值(“hello”)，一切正常，但如果一个值包含空格(“hello 2”)，我会得到一个异常，显示“未捕获错误:语法错误，无法识别的表达式: [值=你好2]'

这是我到目前为止尝试过但未成功的两种方法:

$('.addSetSelect').append('<option value="' + setName + '">' + setName + '</option>');

和

$('.addSetSelect').append(new Option(setName, setName));

我想知道将选项元素添加到可以包含带空格的值属性的选择框的最佳方法是什么？

Answer 1

您可能刚刚遇到了字符串连接问题。这是更简单的证明:

$('.addSelect').append($('<option></option>').val(setName).text(setName));