Murray Foxcroft
11-10-2000, 07:41 AM
OK... I have the following code. If you place it in a HTML file and run it
......
It works fine... in IE and NS 4.08. My problem is... In NS, the drop down on
the
second select stays one line deep, with tiny scroll arrows. How do I
increase the depth
of the drop down box ??? Tried all I know and no luck 8---(
<html>
<head>
<title></title>
</head>
<SCRIPT LANGUAGE = 'Javascript'>
function GetModels()
{
myList = document.forms["ChooseForm"].elements["selectModel"]
for(i=0; i<10; i++)
{
var newOption = new Option("Car" + i, i);
myList.options[myList.length] = newOption;
}
}
</SCRIPT>
<body>
<form name="ChooseForm">
<table>
<tr>
<td>Type</td>
<td><select name="selType" onchange="GetModels();">
<option selected>--- select a type --</option>
<option value=0>Toyota</option>
<option value=1>Nissan</option>
<option value=2>BMW</option>
<option value=3>Mercedes</option>
<option value=4>VW</option>
</select></td>
</tr>
<tr>
<td>Make</td>
<td><select name=selectModel> <OPTION value=a
selected>-- select a make --</OPTION></select></td>
</tr>
</table>
</form>
</body>
</html>
......
It works fine... in IE and NS 4.08. My problem is... In NS, the drop down on
the
second select stays one line deep, with tiny scroll arrows. How do I
increase the depth
of the drop down box ??? Tried all I know and no luck 8---(
<html>
<head>
<title></title>
</head>
<SCRIPT LANGUAGE = 'Javascript'>
function GetModels()
{
myList = document.forms["ChooseForm"].elements["selectModel"]
for(i=0; i<10; i++)
{
var newOption = new Option("Car" + i, i);
myList.options[myList.length] = newOption;
}
}
</SCRIPT>
<body>
<form name="ChooseForm">
<table>
<tr>
<td>Type</td>
<td><select name="selType" onchange="GetModels();">
<option selected>--- select a type --</option>
<option value=0>Toyota</option>
<option value=1>Nissan</option>
<option value=2>BMW</option>
<option value=3>Mercedes</option>
<option value=4>VW</option>
</select></td>
</tr>
<tr>
<td>Make</td>
<td><select name=selectModel> <OPTION value=a
selected>-- select a make --</OPTION></select></td>
</tr>
</table>
</form>
</body>
</html>