Question

所以我想在选择框（#purchase）中的选项被选中时启用提交按钮（只要选择不是默认值。

这是我放在一起的jquery代码，显然不是很好。：）


    $(document).ready(function(){
     $('input[type=\"submit\"]').attr('disabled','disabled');
                 $('#purchase').change(function(){

                         $('input[type=\"submit\"]').attr('disabled', 'enabled');

                 });
             });

这是我简单的小形式......


    <input type='submit' id='submit' value='Purchase'>                                                 
    <select name='purchase' id='purchase'>  
    <OPTION value='default' DEFAULT>default</OPTION>                                                 
    <OPTION value='small'>11 x 14" Print - $17.00</OPTION>
    <OPTION value='big'>20 x 30" Print - $40.00</OPTION>
    </select>

任何人都可以向我推进正确的方向吗？：）

谢谢！

Answer 1

要禁用，您可以使用

$('#submit').attr('disabled', 'disabled');

并启用

$('#submit').removeAttr('disabled');

Answer 2

$(document).ready(function(){
     $('input[type=\"submit\"]').attr('disabled','disabled');
                 $('#purchase').change(function(){
                      if($('#purchase').val() != 'default') {
                         $('input[type=\"submit\"]').removeAttr('disabled');
                      }

                 });
             });

虽然，您可以将方法拆分为自己的功能，并在不使用文档就绪的情况下从开始设置禁用按钮。

$(document).ready(function(){ $('#purchase').bind('change', 'EnableSubmit'); });

function EnableSubmit() {
    if($('#purchase').val() != 'default') {
        $('input[type=submit]').removeAttr('disabled');
    }
}

（jquery）在选择OPTION值时启用提交按钮

2 个答案: