首页 <body> <select id="select1" onchange="show(this.value)"> <option value="none">---请选择---</option> <option value="北京">北京</option> <option value="n河北">河北</option> <option value="河南">河南</option> <option value="山东">山东</option> <option value="山西">山西</option> </select> <select id="select2"> </select> </body> <script type="text/javascript"> var arr = []; arr[0] = new Array("北京","海淀区","昌平区","朝阳区","东城区","西城区","丰台区","通州区","怀柔区"); arr[1] = new Array("河北","石家庄","秦皇岛","衡水","邯郸","邢台","保定","廊坊","唐山"); arr[2] = new Array("山东","济南","青岛","烟台","威海","日照","泰安","菏泽","济宁"); function show(val){ var select2 = document.getElementById("select2"); var options = select2.getElementsByTagName("option"); for(var x = 0; x < options.length; x++){ var op = options[x]; select2.removeChild(op); x++; } for(var i = 0; i < arr.length; i++){ var inarr = arr[i]; var inStr = inarr[0]; if(val == inStr){ for(var j = 1; j < inarr.length; j++){ var value = inarr[j]; var option = document.createElement("option"); var text = document.createTextNode(value); option.appendChild(text); select2.appendChild(option); } } } } </script>

<body> <select id="select1" onchange="show(this.value)"> <option value="none">---请选择---</option> <option value="北京">北京</option> <option value="n河北">河北</option> <option value="河南">河南</option> <option value="山东">山东</option> <option value="山西">山西</option> </select> <select id="select2"> </select> </body> <script type="text/javascript"> var arr = []; arr[0] = new Array("北京","海淀区","昌平区","朝阳区","东城区","西城区","丰台区","通州区","怀柔区"); arr[1] = new Array("河北","石家庄","秦皇岛","衡水","邯郸","邢台","保定","廊坊","唐山"); arr[2] = new Array("山东","济南","青岛","烟台","威海","日照","泰安","菏泽","济宁"); function show(val){ var select2 = document.getElementById("select2"); var options = select2.getElementsByTagName("option"); for(var x = 0; x < options.length; x++){ var op = options[x]; select2.removeChild(op); x++; } for(var i = 0; i < arr.length; i++){ var inarr = arr[i]; var inStr = inarr[0]; if(val == inStr){ for(var j = 1; j < inarr.length; j++){ var value = inarr[j]; var option = document.createElement("option"); var text = document.createTextNode(value); option.appendChild(text); select2.appendChild(option); } } } } </script>

时间: 2023-10-26 17:06:18 浏览: 149

JS获取select-option-text_value的方法

HTML代码：代码如下:<select id=”month” onchange=”selectInput(this)”> <option value=”01″>January</option> <option value=”02″>February</option> <option value=”03″>March</option> <option value=”04″>April</option> <option value=”05″>May</option> <option value=”06″>June</option> <opti

这是一个 HTML 页面，其中包含两个下拉框，第一个下拉框有六个选项，“---请选择---”、“北京”、“河北”、“河南”、“山东”、“山西”，当选择其中一个选项后，第二个下拉框会显示相应的内容。这个页面使用了 JavaScript 实现了下拉框联动，即当第一个下拉框的选项变化时，动态生成第二个下拉框的选项。

阅读全文