[RESOLVED] setting dropdownfor value client side.

Hi All,

I have the following in one of my pages:

Code:

---

@Html.DropDownListFor(model => model.OccupationID, new SelectList(Model.Occupations, "Value", "Text"), "-- Select --", new { @class = "EnabledDropDownList400" })

---

it renders and populates from the server no problem and it has valid values.

Now rather than go all the way to the server, under 1 condition when the user selects a value from another dropdown I need to set a default value in the above dropdown. I can see that the value exists in my dropdown, but it just will not set.

My JQuery Function to set the default is entered at the correct time.
I have tried the following to NO avail:

Code:

---

$("#OccupationID option[text='Clerical and Managerial'] ").attr("selected",true);
$("#OccupationID option[text='Clerical and Managerial'] ").attr("selected","selected");

---

if I perform a view source on the page I have:

Code:

---

<select class="EnabledDropDownList400" data-val="true" data-val-number="The field Occupation must be a number." id="OccupationID" name="OccupationID"><option value="">-- Select --</option>
<option value="8000000007540730">Abattoir</option>
<option value="8000000007540734">Abrasive Wheel Manufacturers</option>
<option value="8000000007540754">Advertising contractors i), i.e.boardings</option>
<option value="8000000007540758">Advertising handbill ii)distribution only</option>
<option value="8000000007540762">Advertising ii) agencies</option>
<option value="8000000007540766">Aerated Water and Soft Drinks</option>
<option value="8000000007541219">Clerical and Managerial</option>......

---

ok guys found it:

Code:

---

$("#OccupationID").val($("#OccupationID option:contains('Clerical and Managerial')").val());

---