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

Question

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

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

这些是我迄今为止尝试过的两种方法都没有成功：

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

和

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

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

Answer 1

您可能只是遇到了字符串连接问题。这是更愚蠢的证明：

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