Schaltfläche aktivieren, wenn mindestens eine Option auswählen

Question

Ich habe ein Formular mit 3 Auswahlelementen. Jeder hat standardmäßig die Option "na" und die Schaltfläche "Senden" ist deaktiviert. Ich brauche die Taste zu aktivieren, wenn mindestens eines dieser drei Selektoren andere Wahl hat, als „na“

Ich versuche, eine Funktion zu schreiben, so dass ich auch für Optionen auf Seite Last überprüfen:

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> 

nicht sicher, was ich bin falsch machen.

Answer 1

RepWhoringPeeHaa ist richtig. Übergeben Sie eine Zeichenfolge in $().val() bedeutet, dass Sie versuchen, den Wert festzulegen. $().val() kann keinen Selektor nehmen. Ich denke, was Sie tun wollen

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

ist zu verwenden

anstelle von

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

Answer 2

Diese

helfen kann

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

Hier sind ein paar Artikel Referenz

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

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

Answer 3

Vielleicht if ($(".mySelect").val(":not(na)").length > 0) mit if ($(".mySelect").filter(function() { return $(this).val() !== "na"; }).length > 0)

Answer 4

ändern ersetzen :

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

An:

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