jqueryhtmljquery-selectorshtml-select

Set selected option of select box

I want to set a option that was selected previously to be displayed on page load. I tried it with the following code:

$("#gate").val('Gateway 2');

with

<select id="gate">
    <option value='null'>- choose -</option>
    <option value='gateway_1'>Gateway 1</option>
    <option value='gateway_2'>Gateway 2</option>
</select>

But this does not work. Any ideas?

Solution

  • This definitely should work. Here's a demo. Make sure you have placed your code into a $(document).ready:

    $(function() {
    $("#gate").val('gateway_2');
});