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

Question

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

对不起我应该提到我使用jquery的插件

示例 - ＆GT;

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/ 但它显然还不起作用。

4 个答案:

答案 0 :(得分：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

答案 1 :(得分：1)

$('#selectspecify').click(function() {
    $('#select2').select2("val", $('#select2 option:contains(' + selectstring + ')')
    .map(function(){
        return $(this).val();
    }).get());
});

尝试： http://jsfiddle.net/L4ob780b/2/

答案 2 :(得分：0)

$( "option:contains('Help')" );

Reference

答案 3 :(得分：0)

试试这个......

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

$('#select2 option').each(function() {

    var inval = $(this).html().toLowerCase();
    console.log(inval);
    if(inval.indexOf(selectstring) != -1) {

        $(this).prop('selected',true);
    }
});
});

这个实际检查子字符串。所以，即使你给了＆＃39; h。它将选择选项。 如果你想要完全相同的字符串，请使用相等检查。

相关问题

• 选择2 - 如何取消选择所有选项并仅选择一个选项
• JQuery Select2 - 如何选择所有选项
• jquery select2 - 选择带有输入文本字符串的所有选项
• 清除所有select2选项
• YADCF选择 - 使用自定义选项
• 使用ajax远程数据源选择2不会选择正确的选项
• Select2：选择OptGroup中的所有选项
• 无法从选项列表中选择选项
• 在选择选项中按元字符串搜索
• select2多个选择无法添加类似的选项？

最新问题

• 我写了这段代码，但我无法理解我的错误
• 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
• 是否有可能使 loadstring 不可能等于打印？卢阿
• java中的random.expovariate()
• Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
• 为什么我的 Onclick 箭头功能在 React 中不起作用？
• 在此代码中是否有使用“this”的替代方法？
• 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
• 每千个数字得到
• 更新了城市边界 KML 文件的来源？

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

Answer 2

$('#selectspecify').click(function() {
    $('#select2').select2("val", $('#select2 option:contains(' + selectstring + ')')
    .map(function(){
        return $(this).val();
    }).get());
});

尝试： http://jsfiddle.net/L4ob780b/2/

Answer 3

$( "option:contains('Help')" );

Reference

Answer 4

试试这个......

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

$('#select2 option').each(function() {

    var inval = $(this).html().toLowerCase();
    console.log(inval);
    if(inval.indexOf(selectstring) != -1) {

        $(this).prop('selected',true);
    }
});
});

这个实际检查子字符串。所以，即使你给了＆＃39; h。它将选择选项。 如果你想要完全相同的字符串，请使用相等检查。