当选择右选择值时,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

使用onchangeevent获取select的值,我假设disabled_inputid只分配给一个输入字段然后没有意义循环所有输入

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

在这里看演示