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
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>jQuery-Code:
$(document).ready(function(){
$("select.country").change(function(){
var selectedCountry = $(this).children("option:selected").val();
alert("你选择的城市是： " + selectedCountry);
});
});Das Rendering ist wie folgt:
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
<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:
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!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
