JQuery select（下拉框）操作方法總結_jquery

1. 取得選取項：
取得選取項的Value值：

複製程式碼 程式碼如下:

$('select#sel option:selected').val();

或

複製程式碼 程式碼如下:

$('select#sel').find('option:selected').val();

取得選取項目的Text值：

複製程式碼 程式碼如下:

$('select#seloption:selected').text();

或

複製程式碼 程式碼如下:

$('select#sel').find('option:selected').text();

2.   取得目前選取項目的索引值：

複製程式碼 程式碼如下:

$('select#sel').get(0).selectedIndex;

3.   取得目前option的最大索引值：

複製程式碼 程式碼如下:

$('select#sel option:last').attr("index")

4.   取得DropdownList的長度：

複製程式碼 程式碼如下:

$('select#sel')[0].options.length;

或

複製程式碼 程式碼如下:

$('select#sel').get(0).options.length;

5.  設定第一個option為選取值：

複製程式碼 程式碼如下:

$('select#sel option:first').attr('selected','true')

或

複製程式碼 程式碼如下:

$('select#sel')[0].selectedIndex = 0;

6.   設定最後一個option為選取值：

複製程式碼 程式碼如下:

$('select#sel option:last).attr('selected','true')

7.   依索引值設定任一option為選取值：

複製程式碼 程式碼如下:

$('select#sel')[0].selectedIndex =索引值;索引值=0,1,2....

8.   設定Value=4 的option為選取值：

複製程式碼 程式碼如下:

$('select#sel').attr('value','4');

或

複製程式碼 程式碼如下:

$("select#sel option[value='4']").attr('selected', 'true');

9. 値 = 3 のオプションを削除します:

コードをコピーします コードは次のとおりです:

$("select#sel オプション[value='3']").remove();

10. 削除するオプション:

コードをコピーします コードは次のとおりです:

$(" select#sel オプション ").eq(インデックス値).remove();

3 番目のラジオを削除したい場合:

コードをコピー コードは次のとおりです:

$(" select#sel オプション ").eq(2).remove();

11. 最初のオプションを削除します:

コードをコピーします コードは次のとおりです:

$(" select#sel オプション ").eq(0).remove();

または

コードをコピー コードは次のとおりです:

$("select#sel オプション:first").remove();

12. 最後のオプションを削除します:

コードをコピーします コードは次のとおりです:

$("select#sel オプション:last").remove();

13. ドロップダウンリストを削除します:

コードをコピーします コードは次のとおりです:

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

14. 選択後にオプションを追加します:

コードをコピーします コードは次のとおりです:

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

15. select の前にオプションを追加します:

コードをコピーします コードは次のとおりです:

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

16. トラバースオプション:

コードをコピーします コードは次のとおりです:

$(' select#sel オプション ').each(function (index, domEle) {
//コードを書く
});