如果至少有一個選擇選項，則啓用按鈕

Question

我有一個包含3個選擇元素的表單。默認情況下，每個選項都具有選項「na」，並且提交按鈕被禁用。我需要啓用該按鈕時，這三個選擇中的至少一個具有任何其他選項，但「NA」

我試圖寫一個函數，這樣我可以檢查在網頁加載選項，以及：

JS

function myFunction() { 
    bt = $(".b"); 
    bt.attr("disabled", false).removeClass("disabledB"); 

    if ($(".mySelect").val(":not(na)").length > 0) { 
     bt.attr("disabled", true).addClass("disabledB"); 
     return false; 
    } 
} 

HTML

<table> 
<tr> 
    <td> 
    <select class="mySelect"> 
     <option value="na"></option> 
     <option value="1">value 1</option> 
     <option value="2">value 2</option> 
    </select> 

    <select class="mySelect"> 
     <option value="na"></option> 
     <option value="3">value 3</option> 
     <option value="4">value 4</option> 
    </select> 
    </td> 
</tr> 
<tr> 
    <td> 
    <input type="button" class="b" value="click me"> 
    </td> 
</tr> 
</table> 

不知道我是什麼做錯了。

Answer 1

RepWhoringPeeHaa是正確的。將字符串傳遞到$().val()意味着您正在嘗試設置值。 $().val()不能帶選擇器。我想你想要做的是使用

$('.mySelect option[value!=na]:selected').length == 0 

代替

$(".mySelect").val(":not(na)").length > 0 

Answer 2

這可能有助於

$("select").change(function() { 
    if ($("option:selected").not("option[value=na]"){ 
     $("input[type=button]").removeAttr("disabled"); 
    } 
}); 

以下是參考幾篇文章

http://api.jquery.com/selected-selector/

http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_disable.2Fenable_a_form_element.3F

Answer 3

也許與if ($(".mySelect").filter(function() { return $(this).val() !== "na"; }).length > 0)

Answer 4

更改替換if ($(".mySelect").val(":not(na)").length > 0) ：

if ($(".mySelect").val(":not(na)").length > 0) { 
    bt.attr("disabled", true).addClass("disabledB"); 
    return false; 
} 

要：

if ($(".mySelect option[value!='na']:selected").size() > 0) { 
    bt.attr("disabled", true).addClass("disabledB"); 
    return false; 
}