jquery - 如果使用 jquery 选择选项具有某些值，如何禁用文本框

Question

您好，我有一个带有某种输入类型的表单，如果选择了 AMC 或 4C，我想隐藏 ins-date 文本框

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