آژانس هواپیماییexchanging

menu and submenu

شروع موضوع توسط elahi_m ‏14 آپریل 2010 در انجمن JavaScript , VBScript

  1. elahi_m

    elahi_m کاربر تازه وارد

    تاریخ عضویت:
    ‏14 آپریل 2010
    نوشته ها:
    2
    تشکر شده:
    0
    سلام
    من توی این منو مشکل دارم وقتی از منو دوم انتخابی صورت می گیره محتوای زیر منوی اول هم تغییر می کنه لطفا به من کمک کنید خیلی فوریه please!
    <html>
    <head>
    <title>Interdependent Select Menus</title>
    <script type="text/javascript">
    var NEW_YORKERS = [];
    var CALIFORNIANS = [];

    NEW_YORKERS[0] = new Option("New York City", "NYC");
    NEW_YORKERS[1] = new Option("Syracuse", "SYR");
    NEW_YORKERS[2] = new Option("Albany", "ALB");
    NEW_YORKERS[3] = new Option("Rochester", "ROC");

    CALIFORNIANS[0] = new Option("Los Angeles", "LAN");
    CALIFORNIANS[1] = new Option("San Diego", "SDI");
    CALIFORNIANS[2] = new Option("San Francisco", "SFR");
    CALIFORNIANS[3] = new Option("Oakland", "OAK");

    function populateSub(mainSel, subSel){
    var mainMenu = mainSel;
    var subMenu = subSel;
    var subMenuItems;
    subMenu.options.length = 0;

    switch (mainMenu.selectedIndex) {
    case 0:
    subMenuItems = NEW_YORKERS;
    break;
    case 1:
    subMenuItems = CALIFORNIANS;
    break;
    }
    for (var i = 0; i < subMenuItems.length; i++) {
    subMenu.options = subMenuItems;
    }
    }
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
    <body>
    <form name="Menus">
    first menu and summenu
    <select name="State" id="State" onChange="populateSub(this, this.form.City);">
    <option value="NY">New York</option>
    <option value="CA">California</option>

    </select>
    <select name="City" id="City">
    <option value="NYC">New York City</option>
    <option value="SYR">Syracuse</option>
    <option value="ALB">Albany</option>
    <option value="ROC">Rochester</option>
    </select>
    <br>
    second menu and summenu
    <select name="Stateb" id="State2" onChange="populateSub(this, this.form.Cityb);">
    <option value="NY">New York</option>
    <option value="CA">California</option>
    </select>
    <select name="Cityb" id="City2">
    <option value="NYC">New York City</option>
    <option value="SYR">Syracuse</option>

    <option value="ALB">Albany</option>
    <option value="ROC">Rochester</option>
    </select>
    </form>
    </body>
    </html>