首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web开发 >

把数组插到option中··该如何处理

2012-09-10 
把数组插到option中求一段完整代码把数组查到option中不要使用input的onclick事件使用 select的onchan

把数组插到option中··
求一段完整代码···把数组查到option中····不要使用<input>的onclick事件········
使用 <select>的onchange事件来写····要用for循环···

[解决办法]
写了个粗糙的,都是静态数据,自己修改一下吧。

HTML code
<!DOCTYPE html><html>    <head>        <title>Test</title>        <meta charset="UTF-8" />    </head>    <body>        <select id="s1">            <option>1</option>            <option>2</option>        </select>        <select id="s2"></select>                 <script type="text/javascript">            var s2_1 = [1,2,3,4,5];            var s2_2 = [6,7,8,9,0];                         document.getElementById("s1").onchange = function() {                if (1==this.value) {                    document.getElementById("s2").options.length = 0;                    for (var i=0;i<s2_1.length;i++) {                        var opt = document.createElement("option");                        opt.text = s2_1[i];                        document.getElementById("s2").appendChild(opt);                    }                }if (2==this.value) {                    document.getElementById("s2").options.length = 0;                    for (var i=0;i<s2_2.length;i++) {                        var opt = document.createElement("option");                        opt.text = s2_2[i];                        document.getElementById("s2").appendChild(opt);                    }                }            }        </script>    </body></html> 

热点排行