bootstrap下拉列表如何設置默認值

這篇文章給大家分享的是有關bootstrap下拉列表如何設置默認值的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

下拉框獲取值，設置默認值：

<select id="test">
<option value="1">選項一<option>
<option value="2">選項一<option>
...
<option value="n">選項N<option>
</select>

所謂jQuery操作“select”, 說的更確切一些是應該是jQuery控制 “option”， 看下面的jQuery代碼：

//獲取第一個option的值

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

//最后一個option的值

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

//獲取第二個option的值

$('#test option:eq(1)').val();

//獲取選中的值

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

//設置值為2的option為選中狀態

$(‘#test’).attr(‘value’,’2’);

//設置最后一個option為選中

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

//獲取select的長度

$('#test option').length;

//添加一個option

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

//添除選中項

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

//刪除項選中(這里刪除第一項)

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

//指定值被刪除

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

//獲取第一個Group的標簽

$('#test optgroup:eq(0)').attr('label');

//獲取第二group下面第一個option的值

$('#test optgroup:eq(1) : option:eq(0)').val();

//select 默認選中

$("#arrangeClass").find("option[value="+reim.classId+"]").prop("selected",true);

感謝各位的閱讀！關于bootstrap下拉列表如何設置默認值就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！