JQuery Workaround for IE Selects

Mon, 08 Sep 2008 13:03:00 -0400

While trying to append an option to a html select and make it the selected value for a project I was working on, I noticed that although the code worked perfectly in FIrefox, the same code would add a blank entry to my select in IE. After doing some poking around I found this in a bug report on the JQuery website. Since the person reporting the bug posted a workaround, they marked it as will not fix. Code that works in FF:


$("select[name='MySelect']").append(new Option('value', 'text', selected));

Workaround for IE:


$("select[name='MySelect']").append("");

These work great for static values. I had a heck of a time finding some code for those of us that want to use variables. After playing with some concatination I came up with this.


$("select[name='MySelect']").append("");

This solved my problem and added the new option to my select box and made it the selected value using the information in my form.

Jim.Leether - The VW Code - JQuery

JQuery Workaround for IE Selects