(jquery) 选择 OPTION 值时启用提交按钮答案

【问题标题】：(jquery) enabling a submit button when OPTION value selected(jquery) 选择 OPTION 值时启用提交按钮
【发布时间】：2009-11-18 17:24:20
【问题描述】：

所以我想在选择框 (#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>

任何人都可以在正确的方向上推动我吗？ :)

谢谢！

【问题讨论】：

顺便说一句：你可以省略选择器中的引号和反斜杠：$('input[type=submit]')

标签： javascript jquery

【解决方案1】：

要禁用你可以使用

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

用于启用

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

【讨论】：

【解决方案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');
    }
}

【讨论】：