suchen

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

清浅
清浅Original
2019-01-16 14:05:472646Durchsuche

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 5a07473c87748fb1bf73f23d45547ab8-Element auszuwählen. Wir können den Wert der ausgewählten Option im Auswahlfeld abrufen, indem wir den :selected-Selektor in jQuery

verwenden. Beispiel:

HTML-Code : 

  <form>
        <label>选择城市：</label>
        <select class="country">
            <option value="合肥">合肥</option>
            <option value="上海">上海</option>
            <option value="北京">北京</option>
        </select>
    </form>

jQuery-Code: 

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

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 221f08282418e2996498697df914ce4e-Tag hinzugefügt wird 

<script type="text/javascript">
$(document).ready(function() {
    $("button").click(function(){
        var countries = [];
        $.each($(".country option:selected"), function(){            
            countries.push($(this).val());
        });
        alert("你选择的城市有：" + countries.join(", "));
    });
});
</script>
</head>
<body>
    <form>
        <label>选择城市</label>
        <select class="country" multiple="multiple" size="5">
            <option>合肥</option>
            <option>上海</option>
            <option>北京</option>
            <option>南京</option>
            <option>杭州</option>
        </select>
        <button type="button">选择</button>
    </form>

Rendering:

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

Das obige ist der detaillierte Inhalt vonSo erhalten Sie mit jQuery den Wert der ausgewählten Option im Auswahlfeld. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

jquery html select 选择器
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So ändern Sie Eigenschaften, Klassen und Stile im DOMNächster Artikel：So ändern Sie Eigenschaften, Klassen und Stile im DOM

In Verbindung stehende Artikel

Mehr sehen