Question

I am retreiving information on a product from my database and populating a form in order for the user to update the product details.

What I want to do is have the database saved option pre-selected in the dropdown for the user to clearly see what is already loaded for this product.

I am not sure how to do it? I know how to populate a form, I have done so with the text fields, but am not sure how/if it can be down with select lists.

Answer 1

To have a default selection on a freshly loaded SELECT box, simply set the desired option to selected‘

<select id="my-select">
    <option> -- Select -- </option>
    <option value="1">Item One</option>
    <option value="2" selected="selected">Item Two</option>
    <option value="3">Item Three</option>
</select>

Or in jQuery:

$( '#my-select' ).val( 2 );