jQuery Select2 - 在分层列表中突出显示 child（当搜索词匹配时）而不是它的 parent

Question

选择2 3.5.2.

我在 select2 列表中有一些分层数据，其中 parents 和 children 都是有效的选择。如果可能，当搜索词匹配 child 时，我希望默认突出显示 child 而不是 parent.

例如，给定以下代码...

$("#hdn").select2(
{
    width: '300px',
    data:
    [
        {
            id: 1,
            text: 'Italy',
            children:
            [
                { id: 2, text: 'Italy - Sardinia' },
                { id: 3, text: 'Italy - Sicily' },
            ]
        },
        {
            id: 4,
            text: 'United Kingdom',
            children:
            [
                { id: 5, text: 'United Kingdom - Guernsey' },
                { id: 6, text: 'United Kingdom - Jersey' }
            ]
        }
    ]
});

...如果您开始输入 'Jer'，它目前默认突出显示 'United Kingdom'：

理想情况下，如果您开始输入 'Jer'，它应该默认突出显示 'United Kingdom - Jersey'。

因为这是一个组，所以我仍然希望 parent 显示为一个选项，我只希望默认突出显示 child。

看到这个fiddle：http://jsfiddle.net/moo_ski_doo/atnph13b/2/

Answer 1

Select2 将突出显示默认可选择的第一个选项。如果您不希望突出显示首先位于 "United Kingdom" 上，则必须删除 id.

Select2 3.5.2 没有提供一种简单的方法来更改默认情况下突出显示的选项。

jQuery Select2 - 在分层列表中突出显示 child（当搜索词匹配时）而不是它的 parent

jQuery Select2 - Highlighting the child (when the search term matches) instead of its parent in hierarchical list

jquery-select2