Question

您好我有一个输入类型的表单我想隐藏ins-date文本框如果选择了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

在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 2

您的代码是正确的，您只是错过了

中的封闭双引号

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

并将类名与

中的id选择器混合

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

Answer 3

输入元素的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 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＆＃39; is-date＆＃39;作为一个班级它的工作.. !!

如果使用jquery

4 个答案: