Setting label selection via jquery in 1.4

Question

In jquery 1.3.2, the following actions are performed:

<select id="c"> <option value="325">Red</option> <option value="833">Purple</option> </select> $('#c').val('Red'); 

And he changes the choice to the option with RED as a label. In jQuery 1.4 this fails. How can I get the same result in 1.4? Is this a bug in version 1.3?

Answer 1

You would need to do this as follows:

 $('option:contains("Red")', '#c')[0].selected = true 

EDIT

@Tomalak

If the labels do not match, you will need to rewrite the selector:

 $.fn.labselect = function(str) { $('option', this).filter(function() { return $(this).text() == str; })[0].selected = true; return this; }; // Use it like this $('#c').labselect('Red'); 

Answer 2

 $('#c').val('Red'); 

should not (imho) work in jQuery 1.3 because red is not a value. "325" is. What does it do:

 $('#c').val("325"); 

Answer 3

 $('#c').val('325'); 

or

 // earlier - define a text-equals selector jQuery.extend(jQuery.expr[":"], { "text-equals": function (a, i, m) { return (a.textContent||a.innerText||jQuery(a).text()||'')==m[3]; } }); // later - use it $red = $('#c option:text-equals(Red)'); $('#c').val($red.val()); 

A custom selector is one of the possibilities. For example, you can also do the same in the filter() callback.

Answer 4

Try this code:

 $('#c').val("325");