Per Javascript Werte aus einer Auswahlliste auslesen?

[holger_buns]

Hallo, ein neues Problem.

Wenn ich ein Feld mit einer Auswahlliste habe, welche id´s oder parameter müssen wo hin, damit das Feld in einer E-Mail über javascript ausgegeben werden kann, also wie in dem Beispiel hier für ein Feld:

<div class="reihe">
                    	<label for="anrede" id="anrede_label"><span class="label">Anrede:</span></label>
                        <span class="feld">
                        	<select name="anrede" class="textfeld_select" size="1" value="">
                            	<option value="Herr">Herr</option>
                               	<option value="Frau">Frau</option>	
                            </select>
                        </span>
                    </div>

die id="anrede_label" hab ich in die js datei eingefügt, aber er spuckt mir am Ende nichts aus.,

hier die javascript Datei für die Ausgabe

$(function () {
    $('.error').hide();
    $('.text-input').css({backgroundColor:"#FFFFFF"});
    $('.text-input').focus(function () {
        $(this).css({backgroundColor:"#FCFCFC"});
    });
    $('.text-input').blur(function () {
        $(this).css({backgroundColor:"#FFFFFF"});
    });

    $(".form-button").click(function () {
        // validate and process form
        // first hide any error messages
        $('.error').hide();

        var anrede = $("input#anrede").val();
        if (anrede == "") {
            $("label#anrede_error").show();
            $("input#anrede").focus();
            return false;
        }
		var name = $("input#name").val();
        if (name == "") {
            $("label#name_error").show();
            $("input#name").focus();
            return false;
        }
		var vorname = $("input#vorname").val();
        if (vorname == "") {
            $("label#vorname_error").show();
            $("input#vorname").focus();
            return false;
        }
		var strasse = $("input#strasse").val();
        if (strasse == "") {
            $("label#strasse_error").show();
            $("input#strasse").focus();
            return false;
        }
		var plzort = $("input#plzort").val();
        if (plzort == "") {
            $("label#plzort_error").show();
            $("input#plzort").focus();
            return false;
        }
		var telefon = $("input#telefon").val();
        if (telefon == "") {
            $("label#telefon_error").show();
            $("input#telefon").focus();
            return false;
        }
		var email = $("input#email").val();
        var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
        console.log(filter.test(email));
        if (!filter.test(email)) {
            $("label#email_error").show();
            $("input#email").focus();
            return false;
        }
		var message = $("#input-message").val();
        

        var dataString = 'anrede=' + anrede + '&name=' + name + '&vorname=' + vorname + '&strasse=' + strasse + '&plzort=' + plzort + '&telefon=' + telefon + '&email=' + email + '&message=' + message;
        //alert (dataString);return false;

        $.ajax({
            type:"POST",
            url:"process.php",
            data:dataString,
            success:function () {
                $('#af-form').prepend("<div class=\"alert alert-success fade in\"><button class=\"close\" data-dismiss=\"alert\" type=\"button\">&times;</button><strong>Ihre Anfrage wurde übermittelt!</strong> Wir werden diese umgehend bearbeiten.</div>");
                $('#af-form')[0].reset();
            }
        });
        return false;
    });
});

Hier ein Beispiel für ein normales Feld ohne Auswahlliste:

<div class="reihe">
                    	<label for="name" id="name_label"><span class="label">Name:*</span></label>
                        <span class="feld"><input type="text" name="name" id="name" size="30" value="" class="textfeld" /></span>
                        <label class="error" for="name" id="name_error">Bitte den Namen eingeben.</label>
                    </div>

Danke nochmals, Gruss Holli

 

[tombe]

Du musst der Liste eine ID geben (hier id="anrede") und diese dann im JS-Code verwenden!

<div class="reihe">
    <label for="anrede" id="anrede_label"><span class="label">Anrede:</span></label>
    <span class="feld">
    <select name="anrede" id="anrede" class="textfeld_select" size="1">
    	<option value="Herr">Herr</option>
        <option value="Frau">Frau</option>
    </select>
    </span>
</div>

Außerdem gibt es die Value-Eigenschaft nur bei den einzelnen Einträgen der Liste nicht wie du es gemacht hast bei SELECT