I want to dynamically build some selet/option lists and I can but only in Explorer. My testbed below demonstrates the problem.
Can anyone explain this please?
<HTML>
<HEAD>
<SCRIPT type="text/JavaScript">
function f_popul8(pselect,pmethod)//add one option to the SELECT; Try various methods
{
alert(1)// ie, Chrome, Firefox
var ix=document.getElementById(pselect);
if (pmethod==1)//Method1
{
alert(2);// ie, Chrome, Firefox
ix.options[ix.options.length] = new Option("TEST1"); // Chrome & Firefox drop out here
alert(3);
}
else
{
if (pmethod==2)// Method2
{
var oOption=document.createElement("OPTION");
alert(4);// ie, Chrome, Fox
oOption.text="Test2";
oOption.value="T";
ix.add(oOption);// Chrome & Firefox drop out here
alert(5);
}
else//Method 3
{
alert(6);
}
}
}
function f_onLoad(pmethod) // swap the order of these calls to try different methods
{
alert("A");
f_popul8("select1",1);
alert("B");
f_popul8("select2",2);
alert("C");
f_popul8("select3",3);
alert("D");
}
</SCRIPT
</HEAD>
<BODY onLoad="f_onLoad()">
<p>Hello World>/p>
<FORM>
<SELECT NAME="select1">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</SELECT>
<SELECT NAME="select2"> </SELECT>
<SELECT NAME="select3"> </SELECT>
</FORM>
</BODY>
</HTML>
