일부 선택에 따라 텍스트 상자를 사용하는 방법

Question

고용 유형이 계약 또는 전체 시간 인 경우에만 txtEmployer을 사용하려면 전체 시간 동안 비활성화해야합니다.

<div> 
    <select id="SelectEmployment"> 
    <option value="Select Employment">Employment Type</option> 
    <option value="Full-time">Full-time</option> 
    <option value="Part-time">Part-time</option> 
    <option value="Contract">Contract</option> 
    <option value="Fixed term">Fixed term</option> 
    </select> 
</div> 
<div> 
    <input type="text" id="txtEmployer" value="Employer" class="txtinline water"/> 
</div> 

Answer 1

문제는 full-time.So에 대한 모호, 내가 먼저 하나를 가정 하였다 파트 타임. 사용해보기 :

$(document).ready(function(){ 
    $('#SelectEmployment').change(function(){ 
     if($(this).val() == 'Contract' || $(this).val() == 'Part-time') { 
      $('#txtEmployer').removeAttr('disabled'); 
     } 
     if($(this).val() == 'Full-time') { 
      $('#txtEmployer').attr('disabled', true); 
     } 
    }); 
}); 

Answer 2

코드 아래

$("#SelectEmployment").change(function() { 
    if ($(this).val() == "Fixed term") { 
     $('#txtEmployer').attr("disabled", "disabled"); 
    } 
    else { 
     $('#txtEmployer').removeAttr("disabled"); 
    } 
}); 

Answer 3

시도 :

$("#SelectEmployment").change(function() { 
    if ($(":selected", $(this)).text() == "Contract" || $(":selected", $(this)).text() == "Full-time") { 
     $("#txtEmployer").removeAttr("disabled"); 
    } else { 
     $("#txtEmployer").attr("disabled", "disabled"); 
    } 
}); 

Answer 4

뭔가

function updateState(val){ 
    $('#txtEmployer').prop('disabled', !(val == 'Full-time' || val == 'Contract')); 
} 

$('#SelectEmployment').change(function(){ 
    var val = $(this).val(); 
    updateState(val); 
}); 

updateState($('#SelectEmployment').val()); 

같은 데모 : Fiddle