select dynamically options in html select

Question

I want to select options dynamically in a html select element by Jquery or JavaScript. Is there any way for this.So, as soon as i select it , it will select as well as trigger the onchange event handler.

Thanks in Advance.

<select><option value='1'>sun</option><option value='2'>moon</option><option value='3'>star</option></select>.Now i want to select the moon option in javascript or jquery dynamically — mns
– mns, Commented Mar 14, 2013 at 8:18

T.J. Crowder · Accepted Answer · 2013-03-14 07:25:56Z

1

You can set the value using .val("new value"), and trigger the jQuery event handlers for the change event via .change(), e.g.:

$("selector for the select box").val("new value").change();

answered Mar 14, 2013 at 7:25

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

3 Comments

mns Over a year ago

I am using $('#yourselectID').val(value).trigger('onchange'); It's working fine..Thanks.

T.J. Crowder Over a year ago

@mns: That should be .trigger('change'), but yes, that's just the long-hand way of writing .change().

mns Over a year ago

.change() is just changing the value not triggering the event , if u have a working example can u pls share here the same

Collectives™ on Stack Overflow

select dynamically options in html select

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related