JQuery の選択 (ドロップダウン ボックス) 操作メソッドの概要_jquery

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:

Copy code The code is as follows:

$("select#sel option[value='3']").remove();

10. Which option to delete:

Copy code The code is as follows:

$(" select#sel option ").eq(index value).remove(); index value=0,1,2....

If you want to delete the 3rd Radio:

Copy code The code is as follows:

$(" select#sel option ").eq(2).remove();

11. Delete the first option:

Copy code The code is as follows:

$(" select#sel option ").eq(0).remove();

or

Copy code The code is as follows:

$("select#sel option:first").remove();

12. Delete the last option:

Copy code The code is as follows:

$("select#sel option:last").remove();

13. Delete dropdownlist:

Copy code The code is as follows:

$("select#sel").remove();

14. Add an option after select:

Copy code The code is as follows:

$("select#sel").append("f");

15. Add an option in front of select:

Copy code The code is as follows:

$("select#sel").prepend("0");

16. Traverse options:

Copy code The code is as follows:

$(' select#sel option ').each(function (index, domEle) {
//Write code
});