jQueryの操作の選択]ドロップダウンボックス選択値

JSとjQueryの共同作戦のDOMは、実際にはかなり良い、そうでない場合は、プロのフロントエンドのスタッフですが、私は長い間、その上にフロントエンドの言語能力のJSとjQueryなどとしてそれを感じます。
ボックスを降り、次のようにいくつかの状況を選択します。

オプションの最初の値を取得します。1.

$('#test option:first').val();

2.の最後のオプションの値

$('#test option:last').val();

二番目のオプションの値を取得します3。

$('#test option:eq(1)').val();
依次类推可以获取第三个、第四个option的值

選択された値を取得します。4.

var groupid = $("#groupid").find("option:checked").val();
$('#groupidoption:selected').val();
$('#groupid').val();
<td align="center" class="tableFormLabel" >
    <select id="groupid" class="input-text" >  </select>
</td>

オプションが選択された2に設定されています

$('#test').attr('value','2');

6.最後に設定オプションが選択されています

$('#test option:last').attr('selected','selected');
$("#test").attr('value' , $('#test option:last').val());
$("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());

7. [取得の長さ

$('#test option').length;

オプションを追加します8.

$("#test").append("<option value='n+1'>第N+1项</option>"); //一般都用这个追加

$("<option value='n+1'>第N+1项</option>").appendTo("#test");

9. [削除]選択した項目

$('#test option:selected').remove();

10.最初の項目は、選択した項目を削除します

$('#test option:first').remove();

条件を満たすために11 [削除]オプション

$('#test option').each(function(){
   if( $(this).val() == '5'){
        $(this).remove();
    }
});

$('#test option[value=5]').remove();

参考ブログ：https://www.cnblogs.com/eager/p/7133270.html