hi there

Im trying to set a select option to selected if the value=a given value

I have the below but it just isnt happening.

$("#distance-type[value='"+data.distance_type+"']").attr('selected', 'selected');

data.distance_type can either = min or max,

My select is

<select name="distance-type" id="distance-type">
<option value="0">... Select ...</option>
<option value="min">Min</option>
<option value="max">Max</option>
</select>

so if data.distance_type=min i want the option min to be selected.

Any help would be appreciated.

thnx.

Steve

Hi,

How you get data.distance_type value ?
if you call data.distance_type inside JQuery function, be careful because data.distance_type means:
data -> div name or something like that
and
.distance_type -> that's a class selector !
So, together means a div name with class distance_type
If you don't use inside JQuery function, that name is allright.
So, you could write datadistance_type to avoid confusion, that's why JQuery see as a class selector if you write something with "dot" symbol inside JQuery function

look in my example : jsfiddle.net/HCSxg/

write "min" or "max" in input text and click outside input (everywhere in page) and you'll see an alert and select value will change

or

if(t=="min" || t=="max")
            $("#distancetype").attr("value",t);

where distancetype is distance-type
and t is datadistance_type, NO data.distance_type, I explained you above why not.

The dot operator is also used to access object attributes, like a parsed JSON object or a normal array.

I think your issue lies in the use of the attr() function. If I remeber correctly, when used with <select> tags the second parameter should be boolean, as in

$("#distance-type[value='"+data.distance_type+"']").attr('selected', true);


EDIT: Or actually, can't you use the val() function?
$("#distance-type").val(data.distance_type);

it is access to a json parameter. ( data.distance_type )

im going to try using the val parameter used by Sonic3 and suggested by your self lizciz

Sonic3 Thanks very much for you input and the example you created for me.

ok thanks for all your inputs,

the below worked which is kind of a selection of bot your comments together

$("#distance-type").attr("value", data.distance_type);

Thanks for your help

much appreciated.

Steve

My pleasure numbenator