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

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) {
//コードを書きます
});