javascript - 如何获取选择框选项值中输入文本字段的值

Question

我使用了一个带有搜索输入和“添加”按钮的自定义选择框。此输入字段的作用类似于搜索，并搜索有关下拉选项中的值的内容。但是，当该值与值不匹配时，我需要在单击该添加按钮时，该字段的值应添加到选项中，并充当下拉列表的选定值。请帮忙...

谢谢..

$(function() {
        $(".standards").customselect();
      });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src='http://classvita.com/admin/res/javascripts/jquery-customselect.js'></script>
<link href='http://classvita.com/admin/res/stylesheets/jquery-customselect.css' rel='stylesheet' />
<select name='standard' class='custom-select standards'>
    <option value=''>Add Particular</option>
    <option value='1'>abc</option>
   <option value='2'>aabc</option>
   <option value='3'>abbc</option>
</select>

Answer 1

这不是解决方案，但这是实现解决方案的一种方法。

<select name='standard' class='custom-select standards' id="SelectList">  //add id attribute
<option value=''>Add Particular</option>
<option value='1'>abc</option>
<option value='2'>aabc</option>
<option value='3'>abbc</option>
</select>

以下是添加选择列表项的方法:

JS:

var html = "<option value=\""+ ListItemNumber +"\">"+ TheSearchTerm +"</option>";
$('#SelectList').append(html);   //binding the html
$('#SelectList').val(ListItemNumber);   //Select the ListItem

希望这对你有帮助......