如何禁用一個文本框，如果選擇選項使用jQuery

Question

一些價值

你好，我有我想隱藏插件的最新文本框中如果選擇AMC或4C一些輸入型形式

<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

輸入元素始終val（）屬性不是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> 

變化else部分ID與id選擇混合類名稱「被日期'作爲一個類其工作..！