Question

I have following combobox contexts :-

 <select name="destination" id="destination" style="width: 125px;"
         onchange="onChangeDestination(this.value,'0');">
     <option value="2" selected>2</option>
     <option value="3">3</option>
 </select>

Now I am selecting a value as "2" and submitting the form. Next time when I come to the same page I set values in combobox dynamically.

So instead of showing the value as "2" It showing me blank field having no value in IE.When I check the values, it shows me both ("2" and "3"). Once I again select any value then blank field disappears.
Again same issue comes when I refresh the page.

Answer 1

I tried but I can always see it (using IE9 here):

Live example at JsBin

But now that you posted an image, please let us know what is your DOCTYPE…

I’m sure that you are using an old one and you need to specify:

<option value="2" selected="selected">2</option>

instead of what you have.

And by the way… you should have a “Please select” option as if you don’t run on DOM ready the onChange code how would you want the user to see 2 textfields without choosing 3 and then back 2 …

an <option value="-1" selected="selected">Please select</option> would do the trick where in the javascript method, if ( parseInt(a, 10) == -1 ) return; will avoid any textboxed creation.