Prüfen Sie Javascript in der Auswahl

Question

Wie kann ich die ausgewählten Elemente in javascript / jQuery überprüfen. Ich möchte in javascript überprüfen. Wenn Sie auf den Wert geklickt limburg und brabant. Aber wie kann ich in javascript diese Optionen auswählen? Ich habe diesen Code:

<form action="/" method="post" class="clearfix">
    <fieldset class="clearfix">
            <div class="field">
                    <select>
                            <option value="" selected="selected">Kies een regio?</option>
                            <option value="Limburg">Limburg</option>
                            <option value="Brabant">Brabant</option>
                    </select>
            </div><!-- /field -->
    </fieldset>
</form>

Answer 1

Sie möchten das Änderungsereignis an das Auswahlfeld binden und Ihre Filterung dort einfügen. Am besten wäre es, dem Auswahlelement eine ID oder Klasse zuzuweisen, damit es speziell ausgewählt werden kann, aber der folgende Code sollte den Bildschirm alarmieren, wenn eine dieser Optionen ausgewählt wird.

 $(".field select").change(function() {
     if($(this).val() === "Brabant") {
         //Brabant was selected
         alert("Brabant");
     }
     if($(this).val() === "Limburg") {
         //Limburg was selected
         alert("Limburg");
     }
 });

Wenn Sie nur wissen wollen, was der aktuelle Wert des ausgewählten Elements ist, können Sie Folgendes tun

var selecteditem = $("select").val();
if(selecteditem === "Limburg" || selecteditem === "Brabant") {
         alert("'Limburg' or 'Brabant'");
}

Allerdings wird dies nicht automatisch etwas auslösen, wenn der Wert geändert wird, um das zu tun, könnte dies für die Validierung Zwecke, die Sie tun würden, um zu überprüfen, dass es eine der beiden ist.

Answer 2

Wenn ich Sie richtig verstanden habe, möchten Sie den Wert der ausgewählten Option überprüfen. Das können Sie tun, indem Sie einfach den Wert der Option select Element. Mit jQuery ist das so einfach wie:

$("select").val();

Wahrscheinlich möchten Sie einen Ereignishandler an das Änderungsereignis binden, damit Sie den Wert überprüfen können, wenn er sich ändert:

$("select").change(function() {
    if(this.value === "Limburg") {
        //Limburg was selected
    }
});

Hier ist ein Arbeitsbeispiel davon.

Answer 3

Ich bin mir nicht sicher, ob ich Ihre Frage verstanden habe, aber um den ausgewählten Wert zu ändern, können Sie etwas wie folgt tun

$('select').val('Limburg'); // to select limburg