js下拉列表二級聯動


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <script type="text/javascript">
        cities = new Object();
        cities['admin']
        cities['員工'] = new Array('北京倉', '山東倉', '浙江倉', '安徽倉', '雲南倉', '江西倉', '廣東倉', '廣西倉', '海南倉',
            '湖北倉', '天津倉', '河北倉', '山西倉', '內蒙古倉', '吉林倉', '青海倉', '陝西倉', '甘肅倉', '重慶倉', '四川倉', '黑龍江倉');
        cities['北京倉'] = new Array('admin');
        cities['山東倉'] = new Array('admin');
        cities['浙江倉'] = new Array('admin');
        cities['安徽倉'] = new Array('admin');
        cities['雲南倉'] = new Array('admin');
        cities['江西倉'] = new Array('admin');
        cities['廣東倉'] = new Array('admin');
        cities['廣西倉'] = new Array('admin');
        cities['海南倉'] = new Array('admin');
        cities['湖北倉'] = new Array('admin');
        cities['河北倉'] = new Array('admin');
        cities['山西倉'] = new Array('admin');
        cities['內蒙古倉'] = new Array('admin');
        cities['吉林倉'] = new Array('admin');
        cities['青海倉'] = new Array('admin');
        cities['陝西倉'] = new Array('admin');
        cities['甘肅倉'] = new Array('admin');
        cities['重慶倉'] = new Array('admin');
        cities['四川倉'] = new Array('admin');
        cities['黑龍江倉'] = new Array('admin');

        function set_pt(type, pt) {
            var pv, cv;
            var i, ii;

            pv = type.value;
            cv = pt.value;

            pt.length = 1;

            if (pv == '0') return;
            if (typeof(cities[pv]) == 'undefined') return;

            for (i = 0; i < cities[pv].length; i++) {
                ii = i + 1;
                pt.options[ii] = new Option();
                pt.options[ii].text = cities[pv][i];
                pt.options[ii].value = cities[pv][i];
            }
        }
    </script>



    <body>
        <form name="form1" action="" method="get">

            <label>我的職位:</label>
            <select name="type" onChange="set_pt(this, this.form.pt);">
                <option value="0">請選擇...</option>
                <option value="admin">admin</option>
                <option value="員工">員工</option>
                <option value="上海倉">上海倉</option>
                <option value="北京倉">北京倉</option>
                <option value="山東倉">山東倉</option>
                <option value="浙江倉">浙江倉</option>
                <option value="安徽倉">安徽倉</option>
                <option value="福建倉">福建倉</option>
                <option value="江西倉">江西倉</option>
                <option value="廣東倉">廣東倉</option>
                <option value="廣西倉">廣西倉</option>
                <option value="海南倉">海南倉</option>
                <option value="湖北倉">湖北倉</option>
                <option value="天津倉">天津倉</option>
                <option value="河北倉">河北倉</option>
                <option value="山西倉">山西倉</option>
                <option value="內蒙古倉">內蒙古倉</option>
                <option value="青海倉">青海倉</option>
                <option value="陝西倉">陝西倉</option>
                <option value="甘肅倉">甘肅倉</option>
                <option value="四川倉">四川倉</option>
                <option value="雲南倉">雲南倉</option>
                <option value="重慶倉">重慶倉</option>
                <option value="吉林倉">吉林倉</option>
                <option value="黑龍江倉">黑龍江倉</option>
            </select>

            <label>所屬上級:</label>
            <select name="pt" id="pt">
                <option value="0">請選擇...</option>
            </select>

        </form>
    </body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM