CODEWITHSUNDEEP
javascripthtmljquery-mobileselect
Biribu
Biribu

Reputation: 3833

Change the value of a select box (html) from javascript

I have a select box in my webpage to fill a formulary. I want to recover the info filled by the user other times in it exists.

All my fields are properly filled except select box.

This is my code in html related to selectbox:

<br>Gender: <select id="gender">
                 <option value="man">Man</option>
                 <option value="woman">Woman</option><br>

It is a simple webpage just with a formulary in it. There is not anything else. I am just trying it.

With this line:

$(document).on("pageinit", '#settings', function() {
    document.forms[0].gender.value = userGender;
    ...

I am modifiying the value of that box for reading it in other parts of my webpage or send it to the database. And the value keept is the correct one, but, the displayed value is not propertly shown.

Do you know which property do I have to modify to change the displayed value?

Upvotes: 0

Views: 245

Answers (2)

developerCK
developerCK

Reputation: 4506

If you are using jQuery, then you can change or select the value of select box through jQuery!

It is very easy. Use selector and val.

$('#gender').val(userGender);

Upvotes: 1

Yasitha
Yasitha

Reputation: 2303

According to your question the asnwer developerCK has provided is correct. Anyway look this demo and give a feed back if any thing we missed.

 $('#gender').val('woman');

Upvotes: 1

Related Questions