Javascript 当选项包含空格时，在“选择”下拉列表中动态追加值会在下拉列表中追加空字段

我有一个简单的下拉菜单，选择哪个值由文本框中的输入追加

当输入中的文本是没有空格的单个单词时，追加过程是正常的，但当文本包含空格时，追加一个空字段

示例：纽约将被追加为空

谢谢大家

您不能将文本直接附加到选择框中

选择框包含一组选项，如果要添加新选项，则首先需要创建一个选项并将其附加到选择框中

试试这个-

 $('.selectCity').append('<option value="'+newCity+'">'+newCity+'</option>');//creating new option then append it to select 

---

好的，我制作了一个提琴，并在现有的选择框中动态添加了一个带有空格的选项，它正在工作：

<select id = "select">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

现在，选择框还有另一个带有空格的文本选项

---

下面是一种非常简单的方法，可以将键入文本框的项目添加到选择列表中

Javascript:

$("input[type=button]").on("click",function(){
    $("select").append($("<option>" + $("input[type=text]").val() + "</option>"));
});

HTML:

---

只是需要一些语音标记

$('.selectCity').append('<option value="'+newCity+'">'+newCity+'</option>');

---

我使用了相同的代码。我正试图以这种格式发布问题，但该字段已被修改为$'.selectCity'.append+newCity+；我不熟悉这种叠加流。无论如何，谢谢这也是一个空白的领域看到我的更新答案和演示。。现在可以了。如果这个答案有效，别忘了接受它。谢谢你，伙计。我不知道为什么这样做有效，而我的方法无效。你能解释一下吗？我想你把引号放错地方了，应该在外面，并且“应该是覆盖$值的引号”。选择城市。附加+新城市+；//此字段转换为$'.selectCity'.append+newCity+；由于堆栈溢出，我不知道为什么会出现I值=“+newCity+”这是双字选项的问题。它应该是value='+newCity+'

var option = document.createElement("option");
var newOptionText = "Text with spaces"; //your input box value will come here.
option.text = newOptionText;
option.value = "newOption";
var select = document.getElementById("select");
select.appendChild(option);

$("input[type=button]").on("click",function(){
    $("select").append($("<option>" + $("input[type=text]").val() + "</option>"));
});

<select></select><br/> 
New Item: <input type=text><input type=button value="add">

$('.selectCity').append('<option value="'+newCity+'">'+newCity+'</option>');