javascript - 当选择右选择值时，JQuery 启用/禁用输入

Question

我有一个输入类型select和输入类型text。我想要的是，当我在选择输入中选择“其他”项时，其他输入类型文本将启用，否则将被禁用。我这里有一个代码，我可能错过了一些东西。

<script type='text/javascript'>

    var others = $('select[name="facility"]').val()
    $().ready(function() {
        if(others == "Others"){
            $('input').each(function() {

                if ($('#disabled_input').attr('disabled')) {
                    $('#disabled_input').removeAttr('disabled');
                }
                else {
                    $('#disabled_input').attr({
                        'disabled': 'disabled'
                    });
                }

            });
        }
        });
    });
</script>

Answer 1

使用onchange事件获取select的值，我假设disabled_input id仅分配给一个输入字段，那么循环遍历所有输入是没有意义的

<script type='text/javascript'>
$(document).ready(function() {
$('#disabled_input').attr('disabled','disabled');        
$('select[name="facility"]').on('change',function(){
var  others = $(this).val();
    if(others == "Others"){           
    $('#disabled_input').removeAttr('disabled');          
     }else{
     $('#disabled_input').attr('disabled','disabled'); 
    }  

  });
});
</script>

See demo here