jquery на определенном параметре выберите в первом списке выбора, включите второй список выбора

Question

Я пытаюсь решить ситуацию, когда у вас есть два списка выбора, а по первому и второму вариантам - из первого списка, второй список включен.

Хорошо, у меня есть #decide и #day списки выбора, #day отключен по умолчанию. Если пользователь выберет опцию yes: или maybe: из #decide списка, #day список будет получить включен с

$('#day').prop('disabled', false); 

еще или если любой другой вариант выбран он даст ответ, что отключено свойство #day:

$('#day').prop('disabled', true); 

в настоящее время у меня есть только HTML:

<select id="decide" name="decide" class="span4"> 
    <option value="0" selected="selected">--</option> 
    <option value="yes">yes:</option> 
    <option value="maybe">maybe:</option> 
    <option value="no">no</option> 
    <option value="nevermind">nevermind</option> 
</select> 
<select id="day" name="day" class="span4" disabled> 
    <option value="0" selected="selected">--</option> 
    <option value="1">monday</option> 
    <option value="2">tuesday</option> 
    <option value="3">saturday</option> 
    <option value="4">sunday</option> 
</select> 

и идея разрешить его с частями JQuery кода qoute d

здесь jsfiddle с текущей ситуацией: http://jsfiddle.net/3hwzK/

Answer 1

Вы можете попробовать это,

Если вы выбрали значение «да» или «возможно», будет выбрано поле выбора «#day», иначе оно будет отключено.

Answer 2

я Добавлен этот JS код:

$("#decide").change(function() { 
    $('#day').prop('disabled', false); }); 

ОТЛИЧНО в JSFiddle

Answer 3

Это должно работать ...

$(document).on('change', "#decide", function(){ 
if(this.value == "yes" || this.value == "maybe"){ 
    $("#day").removeAttr("disabled"); 
}else{ 
    $("#day").attr("disabled", "true"); 
} 
}); 

Answer 4

Может быть что-то вроде этого:

$("#decide").change(function() { 
    $("#day").prop("disabled", !(["yes", "maybe"].indexOf(this.value) !== -1)); 
}); 

Демо: http://jsfiddle.net/hungerpain/3hwzK/2/

Answer 5

вы также можете использовать этот подход .. http://jsfiddle.net/3hwzK/3/

$("#decide").change(function() { 
    var valid_answers = ['yes', 'maybe']; 
    var is_disabled = ($.inArray($(this).val(), valid_answers) > -1) ? false : true; 
    $('#day').prop('disabled', is_disabled); 
});