jQuery で選択されたセレクターを使用して、選択されたオプション要素を取得できます。また、複数選択ボックスからオプションを選択することもできます。
jQuery の場合: 選択されたセレクター。これは主に、選択された
例:
HTML コードで :selected セレクターを使用して、選択ボックス内の選択されたオプションの値を取得できます。 :
<form>
<label>选择城市：</label>
<select class="country">
<option value="合肥">合肥</option>
<option value="上海">上海</option>
<option value="北京">北京</option>
</select>
</form>jQuery コード:
$(document).ready(function(){
$("select.country").change(function(){
var selectedCountry = $(this).children("option:selected").val();
alert("你选择的城市是： " + selectedCountry);
});
});レンダリングは次のとおりです:
複数選択ボックスからのオプションの選択
複数選択ボックスを使用すると、
<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>レンダリング:
以上がjQueryを使用してセレクトボックスで選択したオプションの値を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
