선별 옵션 JQuery와

Question

를 사용하여 일부 값이있는 경우 텍스트 상자를 해제하는 방법

안녕하세요 AMC 또는 4C를 선택한 경우 I는 인 - 날짜 텍스트 상자를 숨기려면 몇 가지 입력 유형의 형태를 가질

<form> 
    <select class="con-type"> 
     <option>AMC</option> 
     <option>4C</option> 
     <option>None</option> 
    </select> 
    <input type="text" id="i-date" class="ins-date /> 
    <input type="text" id="w-date" class="wexp-date" /> 
</form> 

내 JQuery와 코드

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.con-type').change(function() { 
     if ($(this).find('option:selected').text() == 'AMC'||$(this).find('option:selected').text() == '4c') { 
      $('.ins-date').prop('disabled', 'disabled'); 
     } else { 
      $('#ins-date').prop('disabled', '') 
     } 
    }); 
    }); 
</script> 

Answer 1

입력 요소에는 text()가 아닌 val() 특성이 항상 있습니다.

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.con-type').change(function() { 

     var select_value = $(this).val(); 

     if (select_value == 'AMC' || select_value == '4c') { 
      $('.ins-date').prop('disabled', 'disabled'); 
     } else { 
      $('.ins-date').prop('disabled', '') 
     } 
    }); 
    }); 
</script> 

Answer 2

JQuery와이 시도 :

$(function(){ 
    $('#select').change(function(){ 
    if($(this).val() == 2) 
    { 
     $('#text').attr('disabled', true); 
    } 
    }); 
}); 

<select id="select"> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
</select> 

<input type="text" id="text" > 

Working Fiddle

,

Answer 3

코드는 바로, 당신은 단지 '입니다

<input type="text" id="i-date" class="ins-date /> 

의 폐쇄 따옴표를 누락

$('#ins-date').prop('disabled', '') 

Answer 4

<script type="text/javascript"> 
     $(document).ready(function(){ 
      $('.con-type').change(function() { 
       if ($(this).find('option:selected').text() == 'AMC' || $(this).find('option:selected').text() == '4c') { 
        $('.ins-date').prop('disabled', 'disabled'); 
       } else { 
        $('.ins-date').prop('disabled', '') 
       } 
      }); 
     }); 
    </script> 

변화 다른 부품 ID에 ID를 선택하여 클래스 이름을 혼합하고 - 날짜 '클래스로 자사의 작품 ..!