2009-11-18 43 views
0

所以我想啓用每當我的選擇框(#purchase)的選項被選中(只要提交按鈕作爲選擇不是默認值一個提交按鈕。(jQuery的),使得當期權的價值選擇

這裏是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> 
 

任何人可以給我的一推對d irection? :)

謝謝!

+0

順便說一句:你可以省略在選擇引號和反斜槓:(!並感謝其他人也一樣) $(「輸入[類型=提交]」) – 2009-11-18 09:24:02

回答

2

要禁用,您可以使用

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

以及啓用

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

很好,謝謝 – Dylan 2009-11-18 09:23:50

0
$(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'); 
    } 
}