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

Question

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

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;