ik ben op zoek naar hoe ik het volgende kan doen. Ik heb een selectie menu en als ik iets selecteer wil ik dat er een volgende selectie menu is met selecties die alleen mogelijk zijn omdat ik het ene heb geselecteerd. Kies ik du wat ander dan zijn de mogelijkheden in de 2de anders. Ik ben een beginner en kan even niet bedenken hoe ik dit het beste kan doen.
Groeten Kavana
:evil:
ik ben op zoek naar hoe ik het volgende kan doen. Ik heb een selectie menu en als ik iets selecteer wil ik dat er een volgende selectie menu is met selecties die alleen mogelijk zijn omdat ik het ene heb geselecteerd. Kies ik du wat ander dan zijn de mogelijkheden in de 2de anders. Ik ben een beginner en kan even niet bedenken hoe ik dit het beste kan doen.
Groeten Kavana
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Test 2 comboboxes</title>
<script type="text/javascript">
function loadComboBox2()
{
//debugger;
var combobox1 = document.getElementById("combobox1");
var combobox2 = document.getElementById("combobox2");
if(combobox1.value == "0")
{
combobox2.disabled = true;
alert("SELECT AN ITEM IN COMBOBOX 1");
}
else if(combobox1.value == "one")
{
combobox2.options.length = 0;
combobox2.options[combobox2.options.length] = new Option("one","one");
combobox2.disabled = false;
}
else if(combobox1.value == "two")
{
combobox2.options.length = 0;
combobox2.options[combobox2.options.length] = new Option("two","two");
combobox2.options[combobox2.options.length] = new Option("two","two");
combobox2.disabled = false;
}
else if(combobox1.value == "three")
{
combobox2.options.length = 0;
combobox2.options[combobox2.options.length] = new Option("three","three");
combobox2.options[combobox2.options.length] = new Option("three","three");
combobox2.options[combobox2.options.length] = new Option("three","three");
combobox2.options[combobox2.options.length] = new Option("three","three");
combobox2.disabled = false;
}
else if(combobox1.value == "other")
{
combobox2.options.length = 0;
combobox2.options[combobox2.options.length] = new Option("aap","aap");
combobox2.options[combobox2.options.length] = new Option("tijger","tijger");
combobox2.options[combobox2.options.length] = new Option("konijn","konijn");
combobox2.options[combobox2.options.length] = new Option("leeuw","leeuw");
combobox2.options[combobox2.options.length] = new Option("krokodil","krokodil");
combobox2.disabled = false;
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td>
ComboBox 1 :
</td>
<td>
<select id="combobox1" name="combobox1">
<option value="0" selected="selected">(please select:) </option>
<option value="one">one </option>
<option value="two">two </option>
<option value="three">three </option>
<option value="other">other </option>
</select>
</td>
<td>
<input type="button" value="Go" id="button1" name="button1" onclick="loadComboBox2()" />
</td>
</tr>
<tr>
<td>
ComboBox 2 :
</td>
<td>
<select id="combobox2" name="combobox2" disabled="disabled" />
</td>
<td>
<input type="button" value="Go" id="button2" name="button1" onclick="alert('Gekozen waarde :
' + combobox2.value);" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>select change 2nd select</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
var varieties=[
["varieties","granny smith","golden delicious","jonathan"],
["varieties","anjou","bartlett","conference"],
["varieties","valencia","pineapple","pera"]
];
function Box2(idx) {
var f=document.myform;
f.box2.options.length=null;
for(var i=0; i<varieties[idx].length; i++) {
f.box2.options[i]=new Option(varieties[idx][i], i);
}
}
</script>
</head>
<body onload="Box2(0);">
<form name="myform" method="post" action="http://www.mysite.com/mysite">
<fieldset>
<select name="box1" onchange="Box2(this.selectedIndex)">
<option value="a">apple</option>
<option value="b">pear</option>
<option value="c">orange</option>
</select>
<select name="box2" onchange="">
</select>
</fieldset>
</form>
</body>
</html>
