如何禁用一个文本框，如果选择选项使用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选择混合类名称“被日期'作为一个类其工作..！