The code below appears to work on the following:
MAC - Safari
PC - IE
PC - Opera
But the addition of items to the dropdown (select2) does not function
in:
MAC – IE
PC – Mozilla
I am hoping someone can point me in the right direction as to why this
is not occurring.
Any help is much appreciated,
Scott
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var listHTML = "<TABLE width=100% border=0 cellspacing=1
cellpadding=3>" +
" <tr>" +
" <td width=100>Listbox:</td>" +
" <td><SELECT id=select2 name=select2></SELECT></td>" +
" </tr>" +
"</TABLE>"
var textHTML = "<TABLE width=100% border=0 cellspacing=1
cellpadding=3>" +
" <tr>" +
" <td width=100>Textbox:</td>" +
" <td><INPUT type=text id=text3 name=text3 size=10
maxlength=10></td>" +
" </tr>" +
"</TABLE>"
function ShowHide()
{
var myForm = document.workback;
var mySel = myForm.select1;
var myDiv = document.getElementById("optSel");
if(mySel.value==1)
{
myDiv.innerHTML = textHTML;
}
else
{
myDiv.innerHTML = listHTML;
var myOption;
var myList = myForm.select2;
for(i=1;i<=20;i++)
{
myOption = document.createElement("Option");
myOption.text = i;
myOption.value = i;
myList.add(myOption);
}
}
}
</SCRIPT>
</HEAD>
<BODY onload="ShowHide();">
<FORM name="workback">
<TABLE width="100%" border="0" cellspacing="1" cellpadding="3">
<tr>
<td width=100>Show:</td>
<td>
<SELECT id=select1 name=select1 onchange="ShowHide();">
<OPTION value=0>Listbox</OPTION>
<OPTION value=1>Textbox</OPTION>
</SELECT>
</td>
</tr>
</TABLE>
<div id="optSel"></div>
</FORM>
</BODY>
</HTML>
