ansaurus

Question

jQuery: Setting select list 'selected' based on text, failing strangely

Answer 1

A:

try this:

$("#mySelect1").find("option[text=" + text1 + "]").attr("selected", true);

ScottE 2010-09-05 00:06:34

Thanks, appreciate it very much. Still new to jQuery so every little but helps.

Snubian 2010-09-05 00:36:00

Answer 2

A:

Using the filter() function seems to work in your test cases (tested in Firefox). The selector would look like this:

$('#mySelect1 option').filter(function () {
    return $(this).text() === 'Banana';
});

wsanville 2010-09-05 00:10:10

Thanks, this indeed seems to work, similar approach below also.

Snubian 2010-09-05 00:36:28

Answer 3

+1 A:

When an <option> isn't given a value="", the text becomes its value, so you can just use .val() on the <select> to set by value, like this:

var text1 = 'Monkey';
$("#mySelect1").val(text1);

var text2 = 'Mushroom pie';
$("#mySelect2").val(text2);

You can test it out here, if the example is not what you're after and they actually have a value, use the <option> element's .text property to .filter(), like this:

var text1 = 'Monkey';
$("#mySelect1 option").filter(function() {
    return this.text == text1; 
}).attr('selected', true);

var text2 = 'Mushroom pie';
$("#mySelect2 option").filter(function() {
    return this.text == text2; 
}).attr('selected', true);

You can test that version here.

Nick Craver 2010-09-05 00:17:05

Thanks so much for your quick response. Just what I was after.(I do in fact have values set in the actual code.)I'd still be very much interested if anyone has any idea why my original code seemed to fail as it did in particular circumstances...

Snubian 2010-09-05 00:35:26

@Snubian - was the casing and such correct? The match will be case-sensitive

Nick Craver 2010-09-05 00:51:26

I'm positive that the casing was fine, the code was failing only in very specific circumstances as I've tried to describe. And I've tested with hard-coding values as described above. The failure of the "Monkey" example in my test code seems to indicate that this usage fails in certain cases. Running the code on jsFiddle, you can see if you simply put a space in "Mon key", both the text1 variable and in the list option, it suddenly works.

Snubian 2010-09-05 01:07:31

ansaurus

tags:

views:

answers:

jQuery: Setting select list 'selected' based on text, failing strangely

related questions