$('#ITEM_CODE オプション:選択済み').text() 選択されたテキスト値を取得します。価値ではない
jQueryを使ってselectを操作する方法をまとめます。
1. 最初の候補の値を取得します。
$('#テストオプション:最初').val();
2. 最後の候補の値を取得します。
$('#テストオプション:最後').val();
3. 2 番目の候補の値を取得します。
$('#テストオプション:eq(1)').val();
4. 選択した候補の値を取得します。
$('#test').val();
$('#テストオプション:選択済み').val();
5. 値 2 の候補を選択済みとして設定します。
$('#test').attr('値','2');
6. 最後の候補を選択済みに設定します。
$('#テストオプション:最後').attr('selected','selected');
$("#test").attr('value' , $('#test オプション:last').val());
$("#test").attr('value' , $('#test オプション').eq($('#test オプション').length - 1).val());
7. 候補リストの長さを取得します。
$('#test オプション').length;
8. 候補を追加します。
$("#test").append("N+1 項目");
$("N+1 項目").appendTo("#test");
9. 選択した項目を削除します。
$('#テストオプション:選択済み').remove();
10. 項目を削除します (ここでは最初の項目が削除されます)。
$('#test オプション:first').remove();
11. 指定した値を削除します。
$('#テストオプション').each(function() {if ($(this).val() == '5'){
$(this).remove();
}
});
$('#テストオプション[値=5]').remove();
12. 最初のグループのラベルを取得します。
$('#test optgroup:eq(0)').attr('label');
13. 2 番目のグループの最初の候補の値を取得します。
$('#test optgroup:eq(1) : option:eq(0)').val();
14. 候補の値に応じて候補を選択します。
$("#sel オプション:contains('C')").prop("selected", true);
ビジネスフォームではselectがよく使われますが、現在のフロントエンド開発ではデータ操作を推奨し、dom(vueなど)の直接操作を避ける傾向にありますが、selectを操作するにはjQueryの使い方をマスターする必要があります。