jquery changing select dropdown values

Question

I'm trying to change a dropdown select menu with jqquery by selecting a certain option from a dropdown menu.

Example:

<select name="options">
    <option value='3'>Option 3</option>
    <option value='5'>Option 4</option>
    <option value='7'>Option 5</option>
</select>

The other dropdown:

<select name="rounds">
    <option value='1'>1</option>
    <option value='3'>3</option>
    <option value='5'>5</option>
    <option value='7'>7</option>
</select>

Say someone selects option 4, then the other dropdown will dynamicly change its values to say:

<select class='button' name="rounds">
    <option value='23'>23</option>
    <option value='5'>5</option>
    <option value='12'>12</option>
</select>

Each option will change the rounds menu and users can toggle between options. Anyway to do this? is there a demo online?

Pranay Rana · Accepted Answer · 2012-04-03 05:39:00Z

2

on Change when you need to remove all otpins something as below

$("[name='options']").change(function() 
    { 
        val = $(this).val(); 
        $("[name='rounds'] >option").remove();

than in if conditon add items one by one as per you needs

var opt ;
if(val == 4)
{
  opt = {
        val1 : 'text1',
        val2 : 'text2'
    };
}
if(val ==1 )
{
          opt = {
        val1 : 'text3',
        val2 : 'text4'
    };
}
    $.each(opt, function(val, text) {
        $("[name='rounds']").append(
            $('<option></option>').val(val).html(text)
        );
    });

  }); 
});

edited Apr 3, 2012 at 5:39

answered Apr 3, 2012 at 5:31

Pranay Rana

177k37 gold badges244 silver badges267 bronze badges

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

Comments

Kamal · Accepted Answer · 2012-04-03 05:30:00Z

1

I hope this is what you are looking for checkout the link

http://api.jquery.com/val/#val

answered Apr 3, 2012 at 5:30

Kamal

2,1808 gold badges34 silver badges61 bronze badges

Collectives™ on Stack Overflow

jquery changing select dropdown values

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related