Heim Web-Frontend js-Tutorial So erhalten Sie mit jQuery den Wert der ausgewählten Option im Auswahlfeld

So erhalten Sie mit jQuery den Wert der ausgewählten Option im Auswahlfeld

Jan 16, 2019 pm 02:05 PM

Sie können den ausgewählten Selektor in jQuery verwenden, um das ausgewählte Optionselement abzurufen. Wir können auch Optionen aus dem Mehrfachauswahlfeld auswählen

So erhalten Sie mit jQuery den Wert der ausgewählten Option im Auswahlfeld

In jQuery: Der ausgewählte Selektor wird hauptsächlich verwendet, um das ausgewählte

verwenden. Beispiel:

HTML-Code :

  <form>
        <label>选择城市:</label>
        <select class="country">
            <option value="合肥">合肥</option>
            <option value="上海">上海</option>
            <option value="北京">北京</option>
        </select>
    </form>
Nach dem Login kopieren

jQuery-Code:

$(document).ready(function(){
    $("select.country").change(function(){
        var selectedCountry = $(this).children("option:selected").val();
        alert("你选择的城市是: " + selectedCountry);
    });
});
Nach dem Login kopieren

Das Rendering ist wie folgt:

So erhalten Sie mit jQuery den Wert der ausgewählten Option im Auswahlfeld

Optionen aus dem Mehrfachauswahlfeld auswählen

Das Mehrfachauswahlfeld ermöglicht dem Benutzer die Auswahl mehrerer Optionen. Mehrere Abschnitte können im Auswahlfeld aktiviert werden, indem das Mehrfachattribut zum