how to use jquery to remove option from select box

Question

How to use jquery to delete opt1 row ? How about changing opt2 to become selected? Note that the values are random numbers.

 <select name="ShippingMethod" > <option value="8247(random)">Opt2</option> <option value="1939(random)" selected="selected">Opt1</option> </select>

Nick Craver · Accepted Answer · 2010-11-30 12:24:35Z

It depends how you want to select it, to remove by text:

$("select[name=ShippingMethod] option").filter(function() { return this.text == "Opt1"; }).remove();

$("select[name=ShippingMethod] option:selected").remove();

$("select[name=ShippingMethod] option:eq(1)").remove();

$("select[name=ShippingMethod] option:last").remove();

To just select option 2 by text, you can use the same .filter() approach above:

$("select[name=ShippingMethod] option").filter(function() { return this.text == "Opt2"; }).attr("selected", true);

El Yobo · Accepted Answer · 2010-11-30 12:19:24Z

Quick guess as to question two

$('select[name=ShippingMethod]').val('19395ss');

Nick Carver seems to have answered the first question.

2 Answers 2