显示结果匹配optgroup使用select2

Question

我使用select2与Bootstrap 3. 现在我想知道是否可以显示所有optgroup项目，如果搜索匹配optgroup名称，同时仍然能够搜索项目为好。如果这是可能的，我该怎么做？

Answer 1

居然发现解决方案通过修改匹配选择

$("#myselect").select2({ 
    matcher: function(term, text, opt){ 
     return text.toUpperCase().indexOf(term.toUpperCase())>=0 || opt.parent("optgroup").attr("label").toUpperCase().indexOf(term.toUpperCase())>=0 
    } 
}); 

的前提下，该标签属性已在各OPTGROUP设置。

Answer 2

的人一些小的改动建议代码，少重复，当没有父optgroups科佩斯：

$('select').select2({ 
    matcher: function(term, text, opt){ 
     var matcher = opt.parent('select').select2.defaults.matcher;       
     return matcher(term, text) || (opt.parent('optgroup').length && matcher(term, opt.parent('optgroup').attr("label"))); 
    } 
}); 

Answer 3

以上答案似乎不选择二4.0，所以如果你的工作开箱“再狩猎的是，检查了这一点：https://github.com/select2/select2/issues/3034

（使用这样的功能：$("#example").select2({matcher: modelMatcher});）

function modelMatcher (params, data) { 
    data.parentText = data.parentText || ""; 

    // Always return the object if there is nothing to compare 
    if ($.trim(params.term) === '') { 
    return data; 
    } 

    // Do a recursive check for options with children 
    if (data.children && data.children.length > 0) { 
    // Clone the data object if there are children 
    // This is required as we modify the object to remove any non-matches 
    var match = $.extend(true, {}, data); 

    // Check each child of the option 
    for (var c = data.children.length - 1; c >= 0; c--) { 
     var child = data.children[c]; 
     child.parentText += data.parentText + " " + data.text; 

     var matches = modelMatcher(params, child); 

     // If there wasn't a match, remove the object in the array 
     if (matches == null) { 
     match.children.splice(c, 1); 
     } 
    } 

    // If any children matched, return the new object 
    if (match.children.length > 0) { 
     return match; 
    } 

    // If there were no matching children, check just the plain object 
    return modelMatcher(params, match); 
    } 

    // If the typed-in term matches the text of this term, or the text from any 
    // parent term, then it's a match. 
    var original = (data.parentText + ' ' + data.text).toUpperCase(); 
    var term = params.term.toUpperCase(); 


    // Check if the text contains the term 
    if (original.indexOf(term) > -1) { 
    return data; 
    } 

    // If it doesn't contain the term, don't return anything 
    return null; 
}