jquery selectmenu not initializing

Question

I am using filamentgroup jquery selectmenu(), I am calling it on the dynamically built selectlist and on the selectlist which is already built but options are addying dynamically like:

First case

        $("presentselectlist").selectmenu();      //present selectlist initialized

        $("presentselectlist").html("<option></option>.."); // addding options dynamically 

        $("presentselectlist").selectmenu();  // then reinitilaized, but not working this line

second case

        var newselectlist = $("<select ..."); // creating new selectlist dynamicallly

        $(newselectlist).selectmenu();      // then initialized it by selectmenu but not working

TJ VanToll · Accepted Answer · 2012-07-16 12:16:14Z

2

In order to alter the options in a selectmenu you'll need to disable it, alter the <select> to your liking, destroy it, then recreate it.

$('select')
    .selectmenu()
    .selectmenu('disable')
    .append($('<option></option>').attr('value', 'Tiger').text('Tiger'))
    .selectmenu('destroy')
    .selectmenu();

Live Example - http://jsfiddle.net/kpMkw/1/

This is not ideal but it will work.

edited Jul 16, 2012 at 12:16

answered Jun 7, 2012 at 16:53

TJ VanToll

12.7k5 gold badges46 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

G.A. Over a year ago

Thank you very much. I spent an entire weekend searching for solutions to this. Found several posts, but none worked. No one seemed to mention that you need to "disable" the damn thing before appending new options. Just minor syntax errors above (but you have them fixed in your jsfiddle).

TJ VanToll Over a year ago

Glad I could help. I updated my post to fix the syntax issue, thanks.

Collectives™ on Stack Overflow

jquery selectmenu not initializing

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related