jQuery change value of select list

Question

I have the following code

<select id="practice_id" name="practice" column="practice" style="width: 200px">
 <option value="">Default</option>
 <option value="1">Test 1</option>
 <option value="2">Test 2</option>
 <option value="3">Test 3</option>
 ...............
</select>

What I need to do, is to change the value of the selected item to one based on a query string number (I can get this value ok)

I am trying to change the value using jQuery, but nothing I've tried seems to work.

$('#practice_id').val('QUERY_STRING_NUMBER');

This doesn't seem to work as the value doesn't change.

I am I getting something wrong here?

Thanks

probably you can remove the currently selected option and replace it with an <option value="QUERY_STRING_NUMBER">? — DG3
– DG3, Commented Apr 5, 2012 at 16:16

PeeHaa · Accepted Answer · 2012-04-05 16:18:13Z

10

You need to select the option element and not the select element:

(function($) {
    $('#practice_id').change(function() {
        var val = $(this).val();
        alert(val);
        $('option[value=' + val + ']', this).val('changed');
    });
})(jQuery);

http://jsfiddle.net/PeeHaa/6yre7/

answered Apr 5, 2012 at 16:18

PeeHaa

73.1k60 gold badges195 silver badges264 bronze badges

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

Comments

Kris Krause · Accepted Answer · 2012-04-05 16:24:59Z

1

$('#practice_id').val('QUERY_STRING_NUMBER');

This is setting the value of the dropdown, not "changing" the underlining option value.

$(document).ready(function() { $("#practice_id").children().val("-99"); });

This will change the value to -99 on all of the option tags.

http://jsfiddle.net/MejLX/1/

Note: Yes, you can do this via jQuery. However, based on most everyday common scenarios I would think that your server-side script/page would be generating the correct value.

edited Apr 5, 2012 at 16:24

answered Apr 5, 2012 at 16:14

Kris Krause

7,3162 gold badges25 silver badges26 bronze badges

2 Comments

sipher_z Over a year ago

Is there a way to change option value?

Kris Krause Over a year ago

Sorry about the updates as something weird was going on with the editting.

Collectives™ on Stack Overflow

jQuery change value of select list

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related