23

次のhtmlで:

<input type='hidden' id='cantseeme'>

Select2 コントロールを動的に作成し、オプションを追加するのに問題はありません。

// simplified example
var select2_ary = [];

select2_ary.push({
    id : "one",
    text : "one"
});
select2_ary.push({
    id : "two",
    text : "two"
});

$("#cantseeme").select2({
    placeholder : "Pick a number",
    data : select2_ary
});

ただし、この方法で追加する方法がわかりませんoptgroupsこの議論は github で、この記事はブログで見つけましたが、前者は動的optgroup追加について議論していないようで、後者についてはまったく理解できません。

誰にもアイデアはありますか?

4

2 に答える 2

33

リンク先のgithubディスカッション内に答えが埋もれているのを見つけました。オブジェクト構造optgroupsは次のとおりです。

{
  id      : 1,
  text    : 'optgroup',
  children: [{
                id  : 2,
                text: 'child1'
             },
             {
                id      : 3,
                text    : 'nested optgroup', 
                children: [...]
             }]
}

デモフィドル

于 2013-08-20T23:55:30.543 に答える