用户可以通过在文本框中键入选项来将选项添加到下拉列表

【问题标题】：User is able to add option to dropdown list by typing it in a text box用户可以通过在文本框中键入选项来将选项添加到下拉列表
【发布时间】：2015-07-28 18:31:35
【问题描述】：

是否有任何 HTML/JavaScript 代码可以允许网页查看者通过在文本框中键入选项来向下拉选择列表添加选项？？？

【问题讨论】：

是的，如果你懂基本的 Javascript，写这样的代码很简单。
使用 document.createElement('option') 创建一个选项元素并添加到您的选择中
我几乎没有写过任何 JavaScript，因为我刚刚完全学会了 HTML 和 JavaScript @Barmar
@RicardoPontual 我几乎没有做过 JavaScript，所以你能告诉我如何编写完整的代码，以及它是如何链接到 HTML 的吗？？
您希望解决方案包含 jQuery 还是不包含？

标签： javascript html web

【解决方案1】：

非常基本的例子。没有 CSS，花哨的格式，错误检查，任何东西。新选项的值将与显示的字符串相同。

function newOpt() {
  var $inp = $('#newOptIpt');
  var v = $inp.val();
  $('#modSelect').append('<option value="' + v + '">' + v + '</option>');
  $inp.val('')
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<select id="modSelect">
  <option value="default-1">Default option</option>
</select>
<br><br>
<input id="newOptIpt"/>
<button onclick="newOpt();">Add Option</button>

【讨论】：