Adding Option to Select box

[shankwheat]

I'm trying to add an option to a select box dynamically. A typical
string value is delimitted by a # character. There will always be
only one option to add. What's happening is that the option text value
shows up twice in the selectbox.
I'm getting this:

<select id="ddlSavedBenchmarks">
<option>mytext</option>
<option>28</option>
</select>

Instead of this:
<select id="ddlSavedBenchmarks">
<option value="28">mytext</option>
</select>
results = "mytext#28"

// Split the delimited response into an array
results = xmlHttp.responseText.split("#");

for (var i=0; i < results.length;++i){
addOption(document.choiceForm.ddlSavedBenchmarks, results[i],
results[i]);
}
function addOption(selectbox,text,value )
{
var optn = document.createElement("OPTION");
optn.text = text;
optn.value = value;
selectbox.options.add(optn);
}
Thanks

[RobG]

On Apr 28, 3:08 am, shankwheat <[e-mail]:

I'm trying to add an option to a select box dynamically. A typical
string value is delimitted by a # character. There will always be
only one option to add. What's happening is that the option text value
shows up twice in the selectbox.

I'm getting this:

<select id="ddlSavedBenchmarks">
<option>mytext</option>
<option>28</option>
</select>

Instead of this:

<select id="ddlSavedBenchmarks">
<option value="28">mytext</option>
</select>

results = "mytext#28"

// Split the delimited response into an array
results = xmlHttp.responseText.split("#");

for (var i=0; i < results.length;++i){
addOption(document.choiceForm.ddlSavedBenchmarks, results[i],
results[i]);

Your example has different values for the option's text and value
attributes, but this code should make them the same - which do you
want? Anyhow, use something like:

var sel = document.choiceForm.ddlSavedBenchmarks;
sel.options[sel.options.length] = new Option(results[i],
results[i]);

}

function addOption(selectbox,text,value )
{
var optn = document.createElement("OPTION");
optn.text = text;

Using this method, IE will not properly add the text property, use:

optn.appendChild(document.createTextNode(text));

optn.value = value;
selectbox.options.add(optn);

}

--
Rob