JQuery меню выбора и отмены выбора другого меню

Question

Привет У меня есть два выпадающих меню: priceMaximum и mortgageMaximum

я хочу это так, если пользователь выбирает priceMaximum то значение «Нет Максимальное» отображается в dropmenu mortgageMaximum и VICA Versa.

Я сделал это со следующим кодом, но, похоже, работает только в Firefox, поэтому Safari, IE9 и Opera не работают, может ли кто-нибудь предложить альтернативу?

$('#priceMaximum option:not(:first-child)').click(
    function() 
    { 
     $('#mortgageMaximum option:not(:first-child)').hide(); 
    } 
); 

$('#priceMaximum option:first-child').click(
    function() 
    { 
     $('#mortgageMaximum option').show(); 
    } 
); 

$('#mortgageMaximum option:not(:first-child)').click 
(
    function() 
    { 
     $('#priceMaximum option:not(:first-child)').hide(); 
    } 
); 

$('#mortgageMaximum option:first-child').click 
(
    function() 
    { 
     $('#priceMaximum option').show(); 
    } 
); 

Мой HTML выглядит следующим образом:

<select name="priceMaximum" id="priceMaximum" class="thin"> 
    <option value="999999999" selected="selected">No Maximum</option> 
    <option value="200000">200.000</option> 
    <option value="400000">400.000</option> 
    <option value="800000">800.000</option> 
    <option value="1200000">1.200.000</option> 
    <option value="2400000">2.400.000</option> 
    <option value="5000000">5.000.000</option> 
    <option value="10000000">10.000.000</option> 
</select> 

<select name="mortgageMaximum" id="mortgageMaximum" class="thin"> 
    <option value="999999999" selected="selected">No Maximum</option> 
    <option value="300">300</option> 
    <option value="500">500</option> 
    <option value="750">750</option> 
    <option value="1000">1000</option> 
    <option value="2000">2000</option> 
</select> 

Answer 1

Может быть, это может помочь вам:

$('#priceMaximum').change(function(){ 

    if($(this).val()!='999999999'){ 
    $('#mortgageMaximum').val('999999999'); 
    } 

}); 

и наоборот для другого меню

$('#mortgageMaximum').change(function(){ 

    if($(this).val()!='999999999'){ 
    $('#priceMaximum').val('999999999'); 
    } 

}); 

Answer 2

У меня были аналогичные проблемы с select коробки прежде, и хитрость заключается в том, чтобы изменить событие от click к change

$('#priceMaximum').change(function() { /* do something here */ }); 

Answer 3

$(document).ready(function() { 

    // put all that stuff here 

}); 

http://api.jquery.com/ready/

Answer 4

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

Вам будет лучше удалять опции и добавлять их обратно, когда это необходимо.

Использование .remove() и .append()