1. 選択したアイテムを取得します:
選択した項目の値を取得します:
$('select#sel オプション:選択済み').val();
または
$('select#sel').find('option:selected').val();
選択した項目のテキスト値を取得します:
$('select#seloption:selected').text();
または
$('select#sel').find('option:selected').text();
2. 現在選択されている項目のインデックス値を取得します:
$('select#sel').get(0).selectedIndex;
3. 現在のオプションの最大インデックス値を取得します:
$('select#sel オプション:last').attr("index")
4. DropdownList の長さを取得します:
$('select#sel')[0].options.length;
または
$('select#sel').get(0).options.length;
5. 最初のオプションを選択した値として設定します:
$('select#sel オプション:first').attr('selected','true')
または
$('select#sel')[0].selectedIndex = 0;
6. 最後のオプションを選択した値として設定します:
$('select#sel オプション:last).attr('selected','true')
7. インデックス値に基づいて、任意のオプションを選択した値として設定します。
$('select#sel')[0].selectedIndex =インデックス値=0,1,2....
8. 選択した値として Value=4 を使用してオプションを設定します。
$('select#sel').attr('value','4');
または
$("select#sel オプション[value='4']").attr('selected', 'true');
9. Delete option with Value=3:
$("select#sel option[value='3']").remove();
10. Which option to delete:
$(" select#sel option ").eq(index value).remove(); index value=0,1,2....
If you want to delete the 3rd Radio:
$(" select#sel option ").eq(2).remove();
11. Delete the first option:
$(" select#sel option ").eq(0).remove();
or
$("select#sel option:first").remove();
12. Delete the last option:
$("select#sel option:last").remove();
13. Delete dropdownlist:
$("select#sel").remove();
14. Add an option after select:
$("select#sel").append("");
15. Add an option in front of select:
$("select#sel").prepend("");
16. Traverse options:
$(' select#sel option ').each(function (index, domEle) {
//Write code
});
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
