Отключить отметку Java Script DrobDown

Вот мой вопрос, для опыта:

 <select name="select1" >
 <option value="default" selected="selected">Default</option>
 <option value="1">1</option>
 <option value="2">2</option>
 </select>
 <select name="select2" >
 <option value="default" selected="selected">Default</option>
 <option value="3">3</option>
 <option value="4">4</option>
 </select>

Если я выберу (номер 1) из (выбрать1), то (выбрать2) полностью будет отключен. или если я выберу (номер4) из (выбрать2), то (выбрать1) полностью будет отключен. Я имею в виду, что зависит от выбранного имени, другое выбранное имя будет отключено. Можно ли дать мне код Java для этого? Спасибо


person Amin    schedule 21.08.2013    source источник
comment
Java-код? или код javascript? Выбери один   -  person AdityaSaxena    schedule 21.08.2013
comment
на самом деле - это то, что легко доступно на сотнях веб-сайтов. посмотрите здесь: w3schools.com/tags/ref_eventattributes.asp.   -  person mrtig    schedule 21.08.2013


Ответы (1)


Используя jquery, это будет примерно так. jsfiddle

HTML:

<select id="select1" name="select1" >
 <option value="default" selected="selected">Default</option>
 <option value="1">1</option>
 <option value="2">2</option>
 </select>
 <select name="select2" id="select2" >
 <option value="default" selected="selected">Default</option>
 <option value="3">3</option>
 <option value="4">4</option>
 </select>

JS:

$('#select1').on('change', function(){
    if($(this).val() != 'default'){
        $('#select2').prop('disabled', true);
    }
    else{
        $('#select2').prop('disabled', false);
    }
});

$('#select2').on('change', function(){
    if($(this).val() != 'default'){
        $('#select1').prop('disabled', true);
    }
    else{
        $('#select1').prop('disabled', false);
    }
});

Как я уже сказал, вам также нужно исправить свой html. На своем веб-сайте используйте следующий html вместо того, что у вас есть, то есть добавьте идентификаторы в раскрывающийся список выбора.

<select id="select1" name="select1" ...
<select id="select2" name="select2" ...
person AdityaSaxena    schedule 21.08.2013
comment
Я попытался поместить код jquery на страницу, но результата нет, даже в IE я также получил ошибку в строке 37. Вы можете проверить этот код на этой веб-странице: ссылка - person Amin; 21.08.2013
comment
Я попытался поместить код jquery на страницу, но результата нет, даже в IE тоже ошибка в строке 37. Вы можете проверить этот код на этой веб-странице: (malayatourism.com/javatest.php) - person Amin; 21.08.2013
comment
включите jQuery на свою страницу, как это <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>, потому что я еще не вижу его на вашей странице. - person AdityaSaxena; 21.08.2013
comment
Да, вы правы, код работает хорошо. Но у меня возникла другая проблема, когда я поместил код на свою веб-страницу, он не работал. Я не знаю, в чем проблема. Вы можете проверить это здесь (behdasht.co/wp/javatest.php), однако я поставил ajax ссылка, но не работает... Пожалуйста, подскажите, как решить эту проблему. Большое спасибо. - person Amin; 21.08.2013
comment
Обновлен мой ответ. Вам нужно использовать <select id="select1" name="select1" ... и <select id="select2" name="select2" ... - person AdityaSaxena; 21.08.2013
comment
Привет, я просто хотел сказать спасибо за вашу помощь. Ты действительно хорош в css. Я действительно горжусь тобой. Еще раз спасибо за вашу помощь. :-) - person Amin; 21.08.2013
comment
@ Амин тебе помог ответ? Если это так, попросите вас проголосовать и принять ответ - person AdityaSaxena; 22.08.2013
comment
Привет, у меня есть еще одна проблема, я пытался ее решить, но, к сожалению, не смог ее решить. В приведенном выше вопросе, как я могу использовать кнопку сброса, потому что, когда я нажимаю кнопку сброса, она изменится на значение по умолчанию, но все же один из элементы отключены. Вот мой код: ‹тип кнопки=reset class=right onclick=document.forms['f1'].reset();›Reset‹/button› - person Amin; 23.08.2013
comment
Моя форма называется (f1), поэтому я изменил ее на F1, жду вашего ответа. спасибо вам большое за вашу помощь. - person Amin; 23.08.2013
comment
@Amin Амин, нет смысла продолжать один и тот же вопрос. Просим вас обновить свой вопрос, указав более подробную информацию, так как короткие комментарии трудно понять. - person AdityaSaxena; 24.08.2013