Question

60

Dynamically adding options and optgroups in Select2

rated 0 times [ 61] [ 1] / answers: 1 / hits: 19525 / 11 Years ago, tue, august 20, 2013, 12:00:00

With the following html:

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

I'm having no trouble creating a Select2 control dynamically, and adding my options:

// 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

});

However, I can't seem to figure out how to add optgroups this way. I found this discussion on github, and this article on a blog, but the former doesn't seem to discuss dynamic optgroup additions and I simply can't make any sense of the latter.

Anyone have any ideas?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tylerdamiena

Add To Favorites

Follow

Total Points: 139

Total Questions: 90

Total Answers: 118

Location: Liechtenstein

Member since Wed, Dec 8, 2021

3 Years ago

tylerdamiena questions

1 How to access sveltekit session in endpoint?

Tue, May 3, 22, 00:00, 2 Years ago

1 React.js, Each child in a list should have a unique key prop. how to fix if key is already given

Mon, Mar 7, 22, 00:00, 2 Years ago

1 Can`t resolve image.png in styles.css

Fri, Sep 17, 21, 00:00, 3 Years ago

1 Warning: validateDOMNesting(...): < body> cannot appear as a child of < div> in React.js

Wed, May 26, 21, 00:00, 3 Years ago

1 Using readonly on a reactive object

Tue, May 26, 20, 00:00, 4 Years ago

View All

answered 11 Years ago kristopherw · Accepted Answer

I found the answer buried inside the github discussion you linked to, the object structure for optgroups is as follows:

{

  id      : 1,

  text    : 'optgroup',

  children: [{

                id  : 2,

                text: 'child1'

             },

             {

                id      : 3,

                text    : 'nested optgroup', 

                children: [...]

             }]

}

Demo fiddle