Jqueryはドロップダウンボックス(DropDownList)を操作して値assignment_jqueryを実装します。-jsチュートリアル-php.cn

Jqueryはドロップダウンボックス(DropDownList)を操作して値assignment_jqueryを実装します。

WBOY

リリース： 2016-05-16 17:25:42

オリジナル

1826 人が閲覧しました

1. 選択したアイテムを取得します:

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

 
選択した項目の値：
$('select#sel option:selected').val(); 
または
$('select#sel').find('option:selected')。 val(); 
選択された項目のテキスト値を取得します: 
$('select#seloption:selected').text(); 
または 
$('select#sel')。 find('option:selected' ).text(); 

2. 現在選択されている項目のインデックス値を取得します:

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

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

3. 現在のオプションの最大インデックス値を取得します:

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

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

4. DropdownList の長さを取得します:

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

 
$('select#sel')[0].options.length; または 
$('select#sel').get(0).options.length;

5. 最初のオプションを選択した値に設定します:

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

$('select#sel option:first').attr('selected', 'true') 
or
$('select#sel')[0].selectedIndex = 0; 

 

6. 最後のオプションを選択した値に設定します:

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

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

7. インデックス値に基づいて選択されるオプションを設定します。値:

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

$('select#sel')[0 ].selectedIndex = インデックス値 = 0,1,2。 ...

8. Value=4 のオプションを選択した値に設定します:

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

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

 

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

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

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

10. 次のオプションを削除します:

コードをコピーしますコードは次のとおりです。 🎜>

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

 たとえば、3 番目の Radio を削除します。 : 
$(" select#sel option ").eq(2).remove(); 

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

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

$(" select#sel option ").eq(0).remove (); 🎜> または

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

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

コードをコピーコードは次のとおりです: $("select#sel option:last").remove(); >

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

コードをコピーします

コードは次のとおりです: $( "select#sel").remove();

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

コードをコピーします。

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

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

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

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

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

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

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

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