当前位置: 代码迷 >> Web开发 >> 把数组插到option中·该怎么解决
  详细解决方案

把数组插到option中·该怎么解决

热度:490   发布时间:2014-02-27 01:51:19.0
把数组插到option中··
求一段完整代码···把数组查到option中····不要使用<input>的onclick事件········
使用 <select>的onchange事件来写····要用for循环···写了个粗糙的,都是静态数据,自己修改一下吧。

<!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>
  相关解决方案