выбор значения в одном списке должен влиять на все остальные списки - PullRequest
Новая
       23

выбор значения в одном списке должен влиять на все остальные списки

0 голосов
/ 02 июня 2011

У меня есть три списка с именами штатов, округов и колледжей. Все списки содержат значение «Все». если я выберу все в поле списка состояний, остальные списки округов и колледжей должны измениться на «Все». Как это сделать? я сделал изменения для двух списков. я не мог сделать для третьего. 

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

см. Там, если я нажму "Все" в поле списка состояний, округ и колледж должны прийти как все. до этого я делал, если нажимал «Все» в окне списка округа, колледж должен измениться на «Все». Как написать код в onChange ??

Спасибо заранее.

Ответы [ 2 ]

1 голос
/ 02 июня 2011

В jQuery вы можете сделать что-то вроде этого: 

<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>

См. http://jsfiddle.net/CDMWK/3/

0 голосов
/ 02 июня 2011 
<select id='selection1'>

....options ...

</select>

var select= document.getElementById('selection1');

select.onchange = function () {
    var index = this.selectedIndex;

    if (index == SomeValue ) {
       // do something

    }
}

имеет смысл использовать оператор switch, чтобы делать разные вещи в зависимости от выбранного элемента.

, чтобы получить доступ к значению выбранного элемента, вы можете использовать его внутри onchange: 

...
var selectedValue = this.options[index].value; // index is the selectedIndex;
...
...