Scribd Logo
Upload

Welcome to Scribd!

  • 5 views

    Dropdown

    Uploaded by

    Pankaj Singh

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Dropdown

    Uploaded by

    Pankaj Singh
    5 views1 page

    Original Title

    dropdown

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views1 page

    Dropdown

    Uploaded by

    Pankaj Singh

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    <!

    DOCTYPE html>
    <html>
    <head>
    <script
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
    $department = $("select[name='dep']");
    $cname = $("select[name='cname']");

    $department.change(function() {

    if ($(this).val() == "Sales") {
    $("select[name='cname'] option").remove();
    $("<option>John Smith</option>").appendTo($cname);
    $("<option>Marry Jones</option>").appendTo($cname);
    }

    if ($(this).val() == "Support")
    {
    $("select[name='cname'] option").remove();
    $("<option>Jessy McBeth</option>").appendTo($cname);
    $("<option>Bob Smith</option>").appendTo($cname);
    }

    if ($(this).val() == "Department")
    {
    $("select[name='cname'] option").remove();
    $("<option>Contact name</option>").appendTo($cname);
    }

    });
    });
    </script>
    </head>
    <body>

    <form>
    <select name="dep">
    <option>Department</option>
    <option>Sales</option>
    <option>Support</option>
    </select>
    <select name="cname">
    <option>Contact name</option>
    </select>
    </form>

    </body>
    </html>

    You might also like