javascript - jquery select2 - 选择带有输入文本字符串的所有选项

Question

我在这里想要实现的是我有一个文本输入，当我输入字符串(例如“HELP”)时 - 我希望在列表中自动选择所有“HELP”选项文本。

抱歉，我应该提到我使用 jquery 的 select2 插件

示例-->

html:

<select id="select2" name="select2" multiple class="select2" style="width: 300px;">
<option value="1">ABC</option>
<option value="2">BPS</option>
<option value="3">BPS</option>
<option value="4">HELP</option>
<option value="5">HELP</option>
<option value="6">EX</option>
<option value="7">HELP</option>    
</select>

<br /><br />

<input type="button" name="Button" id="selectspecify" value="Select String" />&nbsp;
<input size="50" name="selectstring" id="selectstring" value="" placeholder="Type in an option name">

jquery:

$('#selectspecify').click(function() {
    var selectstring = $('#selectstring').val();

    $('#select2\\[\\] option:contains(' + selectstring + '))').select2('destroy').find('option').prop('selected', 'selected').end().select2() 

});

$(".select2").select2();

有人可以帮我解决这个问题吗？

我做了一个jsfiddle来展示我正在尝试做的事情:http://jsfiddle.net/3ZhWu/2/ 但显然还行不通。

Answer 1

试试这个:

$('#selectspecify').click(function() {
    var selectstring = $('#selectstring').val();
    var stringVal = [];
    $('#select2').find('option').each(function(){
        if($(this).is(':contains(' + selectstring + ')')){
                  stringVal.push($(this).val());
        }
        $('#select2').val(stringVal).trigger("change");
    });
});

$(".select2").select2();

引用号:http://ivaynberg.github.io/select2/

DEMO