Jquery hinzufügen eine option zu wählen

Ich habe versucht die Lösungen auf andere Fragen beantwortet auf stackoverflow, aber keiner von Ihnen arbeitete für mich. In einem Formular möchte ich zum aktualisieren der Anzahl der Tage in einem Monat, je nach Monat, die der Benutzer wählt.

#DOBM ist die ID des Monats select-Liste (DOBM steht für Geburtsdatum Monat)
#DOBD ist die ID von der Tag-Liste auswählen (DOBD steht für das Datum Der Geburt Tag)
Im Grunde, wenn #DOBM hat Werte von 01,03,05,07,08,10,12, wir sind in einem Monat mit 31 Tagen.

Hier ist mein code:

if ((($('#DOBM').val() == '01'||'03'||'05'||'07'||'08'||'10'||'12'))
&& ($("#DOBD option[value='31']").length == 0)) {
    $("#DOBD").append("<option value='31'>31</option>");}

In der zweiten Zeile der code ist, um zu sehen, wenn die option bereits in der Tag-Auswahlliste.
Die Letzte Zeile des Codes ist, fügen Sie die neue option (Tag 31) wenn wir in einem Monat von 31 Tagen UND wenn option 31 nicht bereits vorhanden ist.

Den code einfach nicht aktualisieren DOBD wählen Sie Liste. Jede Idee, was ich falsch mache?

Dank.

Edit: ich bin neu auf stackoverflow; wenn ich nur könnte, bis Ihre Antworten, Sie haben mir sehr geholfen.

InformationsquelleAutor LPB | 2013-03-24

  1. 7

    Ihre if-Anweisung falsch ist. Sie vergleichen die .val() mit jedem Wert als solcher:

    if($('#DOBM').val() == '01'||$('#DOBM').val() == '03'

    BEARBEITEN

    Optional könnte man auch die switch-Anweisung:

    $("#btn").on("click",function(){
    switch($("#DOBM").val())
    {
        case "01":
        case "03":
        case "05":
        case "07":
        case "08":
        $("#DOBD").append("<option value='31'>31</option>");
            break;
    }
});

    JSFiddle: http://jsfiddle.net/dRJHh/

    Mit array, wie pro @sberry Vorschlag:

    var vals = ['01','03', '05', '07', '08'];
$("#btn").on("click",function(){

    if(jQuery.inArray($("#DOBM").val(),vals) > -1)
    {
         $("#DOBD").append("<option value='31'>31</option>");
    }
});

    jsFiddle: http://jsfiddle.net/yhcDa/

    Oder besser noch, erstellen Sie eine lokale variable, und verwenden Sie es in all der Vergleiche, oder verwenden Sie so etwas wie eine inArray-Typ-Funktion.
    Juhu, es funktioniert! Danke!!!

    InformationsquelleAutor Hanlet Escaño

  2. 1
    var month = $('#DOBM').val();    
if ((( month == '01')||(month =='03')||(month =='05')||(month =='07')||(month =='08')||(month =='10')||(month =='12')) && ($("#DOBD option[value='31']").length == 0)) 
 {
        $("#DOBD").append("<option value='31'>31</option>");
 }

    Oder Sie können dies auch tun,

    var month = $('#DOBM').val();
var arr = [ '01','03', '05','07', '08', '10', '12'];
if(($.inArray(month, arr) != -1) && ($("#DOBD option[value='31']").length == 0))
{
     $("#DOBD").append("<option value='31'>31</option>");
}

    Oder können Sie direkt überprüfen Sie die Anzahl der Tage im Monat

    var month = $('#DOBM').val();
var year = 2013;
if((Date(year, month, 0).getDate() == 31) && ($("#DOBD option[value='31']").length == 0)) {
    $("#DOBD").append("<option value='31'>31</option>");
}
    🙂 es funktioniert! Danke!

    InformationsquelleAutor Subodh Ghulaxe

Schreibe einen Kommentar