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

Question

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

Answer 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>