Question

I have the following:

<select id="price_select"></select>

I have an event handler that invokes the following:

var selected_option = "one";
var option_one = "<option>Option Contents</option>";
document.getElementById('price_select').innerHTML = eval('option_' + selected_option);

Works just fine in Firefox but not in IE6.

Answer 1

Can’t you do something like this instead?

var selected_option = "one";
var options = { "one": "<option>Option Contents</option>" };
document.getElementById('price_select').innerHTML = options[selected_option];