How to fire change() in dynamic generated multiple-select?

Question

I'm using jquery(mobile) to generate a select menu which hides/shows columns of an HTML table.

Looks like this:

 container = $('<select name="toggleCols" id="toggleCols" multiple="multiple"><option value="default" data-placeholder="true">Edit</option></select>');

 $('.tableRows').each( function(i) {
     if ( $(this).is(".toggle") ) {
         var toggle = $('<option value="'+i+'">sometext'+i'+</option>');
     container.find("#toggleCols").append(toggle); 
     });

This creates the select menu, which contains one option for each table column. Selecting this option should hide/toggle the respective table column.

However, I cannot get the change event to fire:

 $("#toggleCols").change( function(){
    console.log( "change" ) 
    // do stuff
    })

If I use live('change'... and have 10 columns, I get 10 console.logs every time I select a single option. So this doesn't work either.

QUESTION
Is there a way to use change without live and get a single console.log?

Show a _testcase_, rather than arbitrary snippets of code that you're not using. — Lightness Races in Orbit, Jan 06 '12 at 15:25
@PhillPafford: thx I will try that. I didn't manage to setup a working fiddle, seems I can't fire widget-factory plugins from the Javascript window jsfiddle. — frequent, Jan 06 '12 at 16:31

score 1 · Answer 1 · edited May 23 '17 at 12:12

1

Are you using the latest version of jQuery ? There was a problem with this which was fixed after jQuery 1.4.2.

See related issue here: Any alternative to jQuery change() to detect when user selects new file via dialog box in IE8?

ps. I tried to write this as a comment/question under your post but am not allowed to for some reason. Hope this helps.

edited May 23 '17 at 12:12

Community

1
1

answered Jan 06 '12 at 15:37

solveig

81
7

score 0 · Accepted Answer · answered Jan 06 '12 at 17:30

0

I should have removed the event binding from the loop adding the options. Then using live works fine and fires once only.

answered Jan 06 '12 at 17:30

frequent

27,643
59
181
333

How to fire change() in dynamic generated multiple-select?

2 Answers2