Question

我的页面中有这样的下拉列表

<select name="cboService" id="cboService" tabindex="10">
<option selected="selected" value="Novalue">Select Service</option>
<option value="011">UPS Standard -- £11</option>
</select>

我想按值或文本搜索下拉列表中的数据。如果找到某个值，则会选择该选项，如果未找到该选项，则会在下拉列表中添加一个新选项，并在添加后选择该选项。

有人可以提供有关如何使用jQuery执行此操作的建议。

Answer 1

您可以编写如下逻辑：

以下是搜索输入和按钮 -

<input id="searchInput">
<input type="button" id="searchBtn" value="search">

使用下面的jQuery从下拉列表中搜索 -

$(function(){
    $('#searchBtn').click(function(){
      var valueToSearch = $('#searchInput').val();
      var found =  $('#cboService option').filter(function(){
            if(valueToSearch== $(this).val() || valueToSearch== $(this).text())
            {
                $(this).prop('selected', true);
                return true;
            }
                return false;
        });

       if(found.length==0)
       {
          $('#cboService').append('<option value="'+valueToSearch+'" selected>'+valueToSearch+'</option>'); 
       }
    });
});

<强> Working JSfiddle

按价值搜索下拉列表＆amp;使用jQuery RSS的文本

1 个答案: