当前第2页 返回上一页
//获取第一个option的值
1 | $( '#test option:first' ).val();
|
//最后一个option的值
1 | $( '#test option:last' ).val();
|
//获取第二个option的值
1 | $( '#test option:eq(1)' ).val();
|
//获取选中的值
1 2 | $( '#test' ).val();
$( '#test option:selected' ).val();
|
//设置值为2的option为选中状态
1 | $(‘ #test’).attr(‘value’,’2’);
|
//设置最后一个option为选中
1 2 3 | $( '#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的长度
1 | $( '#test option' ).length;
|
//添加一个option
1 2 | $( "#test" ).append( "<option value='n+1'>第N+1项</option>" );
$( "<option value='n+1'>第N+1项</option>" ).appendTo( "#test" );
|
//添除选中项
1 | $( '#test option:selected' ).remove();
|
//删除项选中(这里删除第一项)
1 | $( '#test option:first' ).remove();、
|
//指定值被删除
1 2 3 4 5 6 | $( '#test option' ).each( function (){
if ( $( this ).val() == '5' ){
$( this ).remove();
}
});
$( '#test option[value=5]' ).remove();
|
//获取第一个Group的标签
1 | $( '#test optgroup:eq(0)' ).attr( 'label' );
|
//获取第二group下面第一个option的值
1 | $( '#test optgroup:eq(1) : option:eq(0)' ).val();
|
//select 默认选中
1 | $( "#arrangeClass" ).find( "option[value=" +reim.classId+ "]" ).prop( "selected" , true );
|
推荐:bootstrap入门教程
以上就是bootstrap下拉列表怎么设置默认值的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
bootstrap原理是什么
什么是bootstrap以及其作用
10款好看又实用的bootstrap后台管理系统模板(快来下载)
bootstrap怎么设置面板大小
bootstrap怎么快速入门
bootstrap怎么适配
bootstrap和easyui区别
layui和bootstrap区别
bootstrap学习之按钮组件(二)
如何使用bootstrap实现年月日的时间选择
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » bootstrap下拉列表怎么设置默认值