Javascript 带输入的级联菜单
我想得到连锁菜单之间的级联选择 当我在输入中写入6时，它应该进入第一个下拉菜单 但我的问题是，首先我得到两倍的“c”，我不能从第一个下拉菜单到下一个 我对每一个帮助都心存感激Javascript 带输入的级联菜单,javascript,input,drop-down-menu,chained-select,Javascript,Input,Drop Down Menu,Chained Select,我想得到连锁菜单之间的级联选择 当我在输入中写入6时，它应该进入第一个下拉菜单 但我的问题是，首先我得到两倍的“c”，我不能从第一个下拉菜单到下一个 我对每一个帮助都心存感激 不拘小节 姓名： ----比特wä；赫伦---- A. B C ----比特wä；赫伦---- ----比特wä；赫伦---- ----比特wä；赫伦---- 对于第二个问题onChange事件不起作用，您没有正确关闭函数。我已经更新了代码，请现在检查 <html&g
不拘小节
姓名：
----比特wä；赫伦----
A.
B
C
----比特wä；赫伦----
----比特wä；赫伦----
----比特wä；赫伦----
<html>
<head>
<style type="text/css">
</style>
<script language="Javascript">
function validateForm() {
var x = document.forms["myForm"]["fname"].value;
var speicher;
var auswahl1 = document.forms.verzeichnis.auswahl1;
var auswahl2 = document.forms.verzeichnis.auswahl2;
var auswahl3 = document.forms.verzeichnis.auswahl3;
auswahl2.options.length = 0; // DropDown Menü entleeren
auswahl3.options.length = 0; // DropDown Menü entleeren
if (x == "6") {
alert("Name must be filled out");
auswahl1.options[1] = new Option("a");
auswahl1.options[2] = new Option("b");
auswahl1.options[3] = new Option("c");
auswahl2.options[0] = new Option("---- Bitte waehlen ----");
auswahl3.options[0] = new Option("---- Bitte waehlen ----");
return false;
}
}
function update_auswahl1() {
var speicher;
var auswahl1 = document.forms.verzeichnis.auswahl1;
var auswahl2 = document.forms.verzeichnis.auswahl2;
var auswahl3 = document.forms.verzeichnis.auswahl3;
auswahl2.options.length = 0; // DropDown Menü entleeren
auswahl3.options.length = 0; // DropDown Menü entleeren
//********************** AUSWAHL 1 ****************************************************************
if (auswahl1.options[auswahl1.selectedIndex].value == "a") {
auswahl2.options[0] = new Option("d");
auswahl2.options[1] = new Option("e");
} else if (auswahl1.options[auswahl1.selectedIndex].value == "b") {
auswahl2.options[0] = new Option("e");
auswahl2.options[1] = new Option("f");
} else if (auswahl1.options[auswahl1.selectedIndex].value == "c") {
auswahl2.options[0] = new Option("f");
auswahl2.options[1] = new Option("g");
} else if (auswahl1.options[auswahl1.selectedIndex].value == "") {
auswahl2.options[0] = new Option("---- Bitte waehlen ----");
}
update_auswahl2();
//*************************************************************************************************
}
function update_auswahl2() {
var speicher;
var auswahl2 = document.forms.verzeichnis.auswahl2;
var auswahl3 = document.forms.verzeichnis.auswahl3;
auswahl3.options.length = 0; // DropDown Menü entleeren
//********************* AUSWAHL 2 *****************************************************************
if (auswahl2.options[auswahl2.selectedIndex].value == "d") {
auswahl3.options[0] = new Option("h");
auswahl3.options[1] = new Option("i");
auswahl3.options[2] = new Option("j");
} else if (auswahl2.options[auswahl2.selectedIndex].value == "e") {
auswahl3.options[0] = new Option("i");
auswahl3.options[1] = new Option("j");
auswahl3.options[2] = new Option("k");
} else if (auswahl2.options[auswahl2.selectedIndex].value == "f") {
auswahl3.options[0] = new Option("k");
auswahl3.options[1] = new Option("l");
auswahl3.options[2] = new Option("m");
}
}
//*********************Auswahl 3 ********************************************************************
function update_auswahl3() {
var speicher;
var auswahl3 = document.forms.verzeichnis.auswahl3;
var auswahl4 = document.forms.verzeichnis.auswahl4;
auswahl4.options.length = 0; // DropDown Menü entleeren
//**************************************************************************************************
if (auswahl3.options[auswahl3.selectedIndex].value == "i") {
auswahl4.options[0] = new Option("l");
auswahl4.options[1] = new Option("k");
auswahl4.options[2] = new Option("m");
} else if (auswahl3.options[auswahl3.selectedIndex].value == "j") {
auswahl4.options[0] = new Option("n");
auswahl4.options[1] = new Option("o");
auswahl4.options[2] = new Option("p");
} else if (auswahl3.options[auswahl3.selectedIndex].value == "k") {
auswahl4.options[0] = new Option("q");
auswahl4.options[1] = new Option("r");
auswahl4.options[2] = new Option("s");
}
}
// Ende -->
</script>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
Name:
<input type="text" name="fname">
<input type="submit" value="Submit">
</form>
<form name="verzeichnis">
<select size="1" name="auswahl1" onChange="update_auswahl1()">
<option value="" selected>---- Bitte wählen ----</option>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>
<br>
<br>
<select size="1" name="auswahl2" onChange="update_auswahl2()">
<option selected>---- Bitte wählen ----</option>
</select>
<br>
<br>
<select name="auswahl3" size="1" onChange="update_auswahl3()">
<option selected>---- Bitte wählen ----</option>
</select>
<br>
<br>
<select name="auswahl4" size="1">
<option selected>---- Bitte wählen ----</option>
</select>
</form>
</body>
</html>
函数validateForm（）{
var x=document.forms[“myForm”][“fname”].value；
var speicher；
var auswahl1=document.forms.verzeichnis.auswahl1；
var auswahl2=document.forms.verzeichnis.auswahl2；
var auswahl3=document.forms.verzeichnis.auswahl3；
auswahl2.options.length=0；//下拉菜单Menüentleeren
auswahl3.options.length=0；//下拉菜单Menüentleen
如果（x=“6”）{
警告（“必须填写姓名”）；
Auswahl 1.期权[1]=新期权（“a”）；
Auswahl 1.期权[2]=新期权（“b”）；
Auswahl 1.期权[3]=新期权（“c”）；
auswahl2.options[0]=新选项（--bite-waehlen--）；
auswahl3.options[0]=新选项（--bite-waehlen--）；
返回false；
}
}
函数更新_auswahl1（）{
var speicher；
var auswahl1=document.forms.verzeichnis.auswahl1；
var auswahl2=document.forms.verzeichnis.auswahl2；
var auswahl3=document.forms.verzeichnis.auswahl3；
auswahl2.options.length=0；//下拉菜单Menüentleeren
auswahl3.options.length=0；//下拉菜单Menüentleen
//**********************奥斯瓦尔1号****************************************************************
if（auswahl1.options[auswahl1.selectedIndex].value==“a”）{
auswahl2.期权[0]=新期权（“d”）；
auswahl2.期权[1]=新期权（“e”）；
}else if（auswahl1.options[auswahl1.selectedIndex]。值==“b”）{
auswahl2.期权[0]=新期权（“e”）；
auswahl2.期权[1]=新期权（“f”）；
}else if（auswahl1.options[auswahl1.selectedIndex].value==“c”）{
auswahl2.期权[0]=新期权（“f”）；
auswahl2.期权[1]=新期权（“g”）；
}else if（auswahl1.options[auswahl1.selectedIndex].value==“”）{
auswahl2.options[0]=新选项（--bite-waehlen--）；
}
更新_auswahl2（）；
//*************************************************************************************************
}
函数更新_auswahl2（）{
var speicher；
var auswahl2=document.forms.verzeichnis.auswahl2；
var auswahl3=document.forms.verzeichnis.auswahl3；
auswahl3.options.length=0；//下拉菜单Menüentleen
//*********************AUSWAHL 2*********************************************************************************************
if（auswahl2.options[auswahl2.selectedIndex].value==“d”）{
Auswahl 3.期权[0]=新期权（“h”）；
Auswahl 3.期权[1]=新期权（“i”）；
Auswahl 3.期权[2]=新期权（“j”）；
}else if（auswahl2.options[auswahl2.selectedIndex].value==“e”）{
Auswahl 3.期权[0]=新期权（“i”）；
Auswahl 3.期权[1]=新期权（“j”）；
Auswahl 3.期权[2]=新期权（“k”）；
}else if（auswahl2.options[auswahl2.selectedIndex]。值=“f”）{
auswahl3.期权[0]=新期权（“k”）；
Auswahl 3.期权[1]=新期权（“l”）；
Auswahl 3.期权[2]=新期权（“m”）；
}
}
//*********************奥斯瓦尔3号********************************************************************
函数更新_auswahl3（）{
var speicher；
var auswahl3=document.forms.verzeichnis.auswahl3；
var auswahl4=document.forms.verzeichnis.auswahl4；
auswahl4.options.length=0；//下拉菜单Menüentleeren
//**************************************************************************************************
if（auswahl3.options[auswahl3.selectedIndex].value==“i”）{
auswahl4.期权[0]=新期权（“l”）；
auswahl4.期权[1]=新期权（“k”）；
Auswahl 4.期权[2]=新期权（“m”）；
}else if（auswahl3.options[auswahl3.selectedIndex].value==“j”）{
auswahl4.期权[0]=新期权（“n”）；
Auswahl 4.期权[1]=新期权（“o”）；
auswahl4.期权[2]=新期权（“p”）；
}else if（auswahl3.options[auswahl3.selectedIndex]。值=“k”）{
auswahl4.期权[0]=新期权（“q”）；
auswahl4.期权[1]=新期权（“r”）；
Auswahl 4.期权[2]=新期权（“s”）；
}
}
//恩德-->
不拘小节
姓名：
----比特wä；赫伦----
A.
B
C
----比特wä；赫伦----
----比特wä；赫伦----
----比特wä；赫伦----
auswahl1.options[1] = new Option("a");
auswahl1.options[2] = new Option("b");
auswahl1.options[3] = new Option("c")
<html>
<head>
<style type="text/css">
</style>
<script language="Javascript">
function validateForm() {
var x = document.forms["myForm"]["fname"].value;
var speicher;
var auswahl1 = document.forms.verzeichnis.auswahl1;
var auswahl2 = document.forms.verzeichnis.auswahl2;
var auswahl3 = document.forms.verzeichnis.auswahl3;
auswahl2.options.length = 0; // DropDown Menü entleeren
auswahl3.options.length = 0; // DropDown Menü entleeren
if (x == "6") {
alert("Name must be filled out");
auswahl1.options[1] = new Option("a");
auswahl1.options[2] = new Option("b");
auswahl1.options[3] = new Option("c");
auswahl2.options[0] = new Option("---- Bitte waehlen ----");
auswahl3.options[0] = new Option("---- Bitte waehlen ----");
return false;
}
}
function update_auswahl1() {
var speicher;
var auswahl1 = document.forms.verzeichnis.auswahl1;
var auswahl2 = document.forms.verzeichnis.auswahl2;
var auswahl3 = document.forms.verzeichnis.auswahl3;
auswahl2.options.length = 0; // DropDown Menü entleeren
auswahl3.options.length = 0; // DropDown Menü entleeren
//********************** AUSWAHL 1 ****************************************************************
if (auswahl1.options[auswahl1.selectedIndex].value == "a") {
auswahl2.options[0] = new Option("d");
auswahl2.options[1] = new Option("e");
} else if (auswahl1.options[auswahl1.selectedIndex].value == "b") {
auswahl2.options[0] = new Option("e");
auswahl2.options[1] = new Option("f");
} else if (auswahl1.options[auswahl1.selectedIndex].value == "c") {
auswahl2.options[0] = new Option("f");
auswahl2.options[1] = new Option("g");
} else if (auswahl1.options[auswahl1.selectedIndex].value == "") {
auswahl2.options[0] = new Option("---- Bitte waehlen ----");
}
update_auswahl2();
//*************************************************************************************************
}
function update_auswahl2() {
var speicher;
var auswahl2 = document.forms.verzeichnis.auswahl2;
var auswahl3 = document.forms.verzeichnis.auswahl3;
auswahl3.options.length = 0; // DropDown Menü entleeren
//********************* AUSWAHL 2 *****************************************************************
if (auswahl2.options[auswahl2.selectedIndex].value == "d") {
auswahl3.options[0] = new Option("h");
auswahl3.options[1] = new Option("i");
auswahl3.options[2] = new Option("j");
} else if (auswahl2.options[auswahl2.selectedIndex].value == "e") {
auswahl3.options[0] = new Option("i");
auswahl3.options[1] = new Option("j");
auswahl3.options[2] = new Option("k");
} else if (auswahl2.options[auswahl2.selectedIndex].value == "f") {
auswahl3.options[0] = new Option("k");
auswahl3.options[1] = new Option("l");
auswahl3.options[2] = new Option("m");
}
}
//*********************Auswahl 3 ********************************************************************
function update_auswahl3() {
var speicher;
var auswahl3 = document.forms.verzeichnis.auswahl3;
var auswahl4 = document.forms.verzeichnis.auswahl4;
auswahl4.options.length = 0; // DropDown Menü entleeren
//**************************************************************************************************
if (auswahl3.options[auswahl3.selectedIndex].value == "i") {
auswahl4.options[0] = new Option("l");
auswahl4.options[1] = new Option("k");
auswahl4.options[2] = new Option("m");
} else if (auswahl3.options[auswahl3.selectedIndex].value == "j") {
auswahl4.options[0] = new Option("n");
auswahl4.options[1] = new Option("o");
auswahl4.options[2] = new Option("p");
} else if (auswahl3.options[auswahl3.selectedIndex].value == "k") {
auswahl4.options[0] = new Option("q");
auswahl4.options[1] = new Option("r");
auswahl4.options[2] = new Option("s");
}
}
// Ende -->
</script>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
Name:
<input type="text" name="fname">
<input type="submit" value="Submit">
</form>
<form name="verzeichnis">
<select size="1" name="auswahl1" onChange="update_auswahl1()">
<option value="" selected>---- Bitte wählen ----</option>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>
<br>
<br>
<select size="1" name="auswahl2" onChange="update_auswahl2()">
<option selected>---- Bitte wählen ----</option>
</select>
<br>
<br>
<select name="auswahl3" size="1" onChange="update_auswahl3()">
<option selected>---- Bitte wählen ----</option>
</select>
<br>
<br>
<select name="auswahl4" size="1">
<option selected>---- Bitte wählen ----</option>
</select>
</form>
</body>
</html>