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

Question

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

Answer 1

Very basic example. No CSS, fancy formatting, error checking, anything. The value of the new option will be identical to the displayed string.

 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>