读书人

把数组插到option中amp;#183;amp;#183;该怎么

发布时间: 2012-08-30 09:55:54 作者: rapoo

把数组插到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> 

读书人网 >JavaScript

热点推荐