سلام
من توی این منو مشکل دارم وقتی از منو دوم انتخابی صورت می گیره محتوای زیر منوی اول هم تغییر می کنه لطفا به من کمک کنید خیلی فوریه please!
<html>
<head>
<title>Interdependent Select Menus</title>
<script type="text/javascript">
var NEW_YORKERS = [];
var CALIFORNIANS = [];
NEW_YORKERS[0] = new Option("New York City", "NYC");
NEW_YORKERS[1] = new Option("Syracuse", "SYR");
NEW_YORKERS[2] = new Option("Albany", "ALB");
NEW_YORKERS[3] = new Option("Rochester", "ROC");
CALIFORNIANS[0] = new Option("Los Angeles", "LAN");
CALIFORNIANS[1] = new Option("San Diego", "SDI");
CALIFORNIANS[2] = new Option("San Francisco", "SFR");
CALIFORNIANS[3] = new Option("Oakland", "OAK");
function populateSub(mainSel, subSel){
var mainMenu = mainSel;
var subMenu = subSel;
var subMenuItems;
subMenu.options.length = 0;
switch (mainMenu.selectedIndex) {
case 0:
subMenuItems = NEW_YORKERS;
break;
case 1:
subMenuItems = CALIFORNIANS;
break;
}
for (var i = 0; i < subMenuItems.length; i++) {
subMenu.options = subMenuItems;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
<form name="Menus">
first menu and summenu
<select name="State" id="State" onChange="populateSub(this, this.form.City);">
<option value="NY">New York</option>
<option value="CA">California</option>
</select>
<select name="City" id="City">
<option value="NYC">New York City</option>
<option value="SYR">Syracuse</option>
<option value="ALB">Albany</option>
<option value="ROC">Rochester</option>
</select>
<br>
second menu and summenu
<select name="Stateb" id="State2" onChange="populateSub(this, this.form.Cityb);">
<option value="NY">New York</option>
<option value="CA">California</option>
</select>
<select name="Cityb" id="City2">
<option value="NYC">New York City</option>
<option value="SYR">Syracuse</option>
<option value="ALB">Albany</option>
<option value="ROC">Rochester</option>
</select>
</form>
</body>
</html>
من توی این منو مشکل دارم وقتی از منو دوم انتخابی صورت می گیره محتوای زیر منوی اول هم تغییر می کنه لطفا به من کمک کنید خیلی فوریه please!
<html>
<head>
<title>Interdependent Select Menus</title>
<script type="text/javascript">
var NEW_YORKERS = [];
var CALIFORNIANS = [];
NEW_YORKERS[0] = new Option("New York City", "NYC");
NEW_YORKERS[1] = new Option("Syracuse", "SYR");
NEW_YORKERS[2] = new Option("Albany", "ALB");
NEW_YORKERS[3] = new Option("Rochester", "ROC");
CALIFORNIANS[0] = new Option("Los Angeles", "LAN");
CALIFORNIANS[1] = new Option("San Diego", "SDI");
CALIFORNIANS[2] = new Option("San Francisco", "SFR");
CALIFORNIANS[3] = new Option("Oakland", "OAK");
function populateSub(mainSel, subSel){
var mainMenu = mainSel;
var subMenu = subSel;
var subMenuItems;
subMenu.options.length = 0;
switch (mainMenu.selectedIndex) {
case 0:
subMenuItems = NEW_YORKERS;
break;
case 1:
subMenuItems = CALIFORNIANS;
break;
}
for (var i = 0; i < subMenuItems.length; i++) {
subMenu.options = subMenuItems;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
<form name="Menus">
first menu and summenu
<select name="State" id="State" onChange="populateSub(this, this.form.City);">
<option value="NY">New York</option>
<option value="CA">California</option>
</select>
<select name="City" id="City">
<option value="NYC">New York City</option>
<option value="SYR">Syracuse</option>
<option value="ALB">Albany</option>
<option value="ROC">Rochester</option>
</select>
<br>
second menu and summenu
<select name="Stateb" id="State2" onChange="populateSub(this, this.form.Cityb);">
<option value="NY">New York</option>
<option value="CA">California</option>
</select>
<select name="Cityb" id="City2">
<option value="NYC">New York City</option>
<option value="SYR">Syracuse</option>
<option value="ALB">Albany</option>
<option value="ROC">Rochester</option>
</select>
</form>
</body>
</html>