Question

i have three list boxes name as state,District, and college. All list boxes contains a value as “All”. if i select all in state list box the other list boxes district and college should change as “All”. How to make it? i have done changes for two list boxes. i couldn’t make for the third one.

ex :   1. State - 
                a) xxxxxxx
                b) yyyyyyy
                c) zzzzzzz
                d) All

          2. District - 
               a) aaaaaaa
               b) bbbbbbb
               c) All

          3. College - 
               a) aaaaaaa
               b) All

see there, if i click “All” in a state list box the District and College Should come as all.
before that i have done if i click “All” in district list box the college sholud change as “All” . How to write code in onChange??

Thanks in advance.

Answer 1

In jQuery you could do something like this:

<select id="state" size="3">
    <option value="0">state1</option>
    <option value="1">state2</option>
    <option value="all">All</option>
</select>

<select id="district" size="3">
    <option value="0">district1</option>
    <option value="1">district9</option>
    <option value="all">All</option>
</select>

<select id="collage" size="3">
    <option value="0">collage1</option>
    <option value="1">collage2</option>
    <option value="all">All</option>
</select>

<script type="text/javascript">
    $('#state').click(function() {
        if ($(this).val() == 'all') {
            $('#district').val('all');
            $('#collage').val('all');
        }
    });
    $('#district').click(function() {
        if ($(this).val() == 'all') $('#collage').val('all');
    });
</script>

See http://jsfiddle.net/CDMWK/3/