有关下拉列表的有关问题,请大家帮个忙
日期：2014-05-18 浏览次数：20791 次
有关下拉列表的问题,请大家帮个忙
两组下拉列表框，每个下拉列表框中的选项至少3个，根据第一个下拉列表框的选择结果确定第二个下拉列表框的选项 也就是说比如第一个里面有颜色、职业、学历三个选项，选择颜色的时候再第二个下拉列表框中就出现红、黄、篮的下拉，选职业的时候，第二个中就出现教师、金融、计算机业等、
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME= "Generator " CONTENT= "EditPlus ">
<META NAME= "Author " CONTENT= " ">
<META NAME= "Keywords " CONTENT= " ">
<META NAME= "Description " CONTENT= " ">
</HEAD>
<script >
var i= 0 ;//标示先哪个省
var sheng=new Array( "广西 ", "广东 ", "贵州 ");//省
var shi = new Array();
shi[0] = new Array( "梧州 ", "南宁 ", "桂林 ", "北海 ");//对应的城市
shi[1] = new Array( "广州 ", "深圳 ", "珠海 ", "顺德 ");
shi[2] = new Array( "城市1 ", "城市2 ", "城市3 ");
function show()
{
var s2 = document.form1.shi.options;
for(var j=0;j <s2.length;j)
{
s2.remove(j);
}
var index = document.form1.sheng.value//选择中的省的在数组中的下标
for(var j = 0;j <shi[index].length;j++)
{
s2.options.add(new Option(shi[index][j],shi[index][j]));
}
}
function init()//第一次初始化
{
var s2 = document.form1.sheng;
for(var j = 0;j <sheng.length;j++)
{
var o = new Option(sheng[j], " "+j);
s2.options.add(o);//Option--> Option(显示的内容,选中的值)
}
var s1 = document.form1.shi;
for(var j = 0;j <shi[0].length;j++)
{
s1.options.add(new Option(shi[0][j],shi[0][j]));
}
}
</script>
<BODY>
<form name= "form1 ">
<select name= "sheng " onchange= "show(); " >
</select>
<select name= "shi ">
</select>
<script>
init();
</script>
</form>
</BODY>
</HTML>
两组下拉列表框，每个下拉列表框中的选项至少3个，根据第一个下拉列表框的选择结果确定第二个下拉列表框的选项 也就是说比如第一个里面有颜色、职业、学历三个选项，选择颜色的时候再第二个下拉列表框中就出现红、黄、篮的下拉，选职业的时候，第二个中就出现教师、金融、计算机业等、
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME= "Generator " CONTENT= "EditPlus ">
<META NAME= "Author " CONTENT= " ">
<META NAME= "Keywords " CONTENT= " ">
<META NAME= "Description " CONTENT= " ">
</HEAD>
<script >
var i= 0 ;//标示先哪个省
var sheng=new Array( "广西 ", "广东 ", "贵州 ");//省
var shi = new Array();
shi[0] = new Array( "梧州 ", "南宁 ", "桂林 ", "北海 ");//对应的城市
shi[1] = new Array( "广州 ", "深圳 ", "珠海 ", "顺德 ");
shi[2] = new Array( "城市1 ", "城市2 ", "城市3 ");
function show()
{
var s2 = document.form1.shi.options;
for(var j=0;j <s2.length;j)
{
s2.remove(j);
}
var index = document.form1.sheng.value//选择中的省的在数组中的下标
for(var j = 0;j <shi[index].length;j++)
{
s2.options.add(new Option(shi[index][j],shi[index][j]));
}
}
function init()//第一次初始化
{
var s2 = document.form1.sheng;
for(var j = 0;j <sheng.length;j++)
{
var o = new Option(sheng[j], " "+j);
s2.options.add(o);//Option--> Option(显示的内容,选中的值)
}
var s1 = document.form1.shi;
for(var j = 0;j <shi[0].length;j++)
{
s1.options.add(new Option(shi[0][j],shi[0][j]));
}
}
</script>
<BODY>
<form name= "form1 ">
<select name= "sheng " onchange= "show(); " >
</select>
<select name= "shi ">
</select>
<script>
init();
</script>
</form>
</BODY>
</HTML>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
