首页 JQuery/JavaScript Jquery之select使用方法大全

Jquery之select使用方法大全

作者:胡同里的砖头 围观群众:879 更新于:2013-12-19

1.//获取第一个option的值      
2.$('#test option:first').val();     
3.//最后一个option的值       
4.$('#test option:last').val();      
5.//获取第二个option的值      
6.$('#test option:eq(1)').val();      
7.//获取选中的值      
8.$('#test').val();      
9.$('#test option:selected').val();      
10.//设置值为2的option为选中状态      
11.$('#test').attr('value','2');      
12.//设置第一个option为选中      
13.$('#test option:last').attr('selected','selected');      
14.$("#test").attr('value' , $('#test option:last').val());      
15.$("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());      
16.//获取select的长度      
17.$('#test option').length;      
18.//添加一个option      
19.$("#test").append("<option value='9'>ff</option>");     
20.$("<option value='9'>ff</option>").appendTo("#test");   
//添除选中项      
3.$('#test option:selected').remove();      
4.//指定项选中      
5.$('#test option:first').remove();      
6.//指定值被删除      
7.$('#test option').each(function(){      
8.    if( $(this).val() == '5'){      
9.        $(this).remove();      
10.    }      
11.});      
12.$('#test option[value=5]').remove();      
13.      
14.//获取第一个Group的标签      
15.$('#test optgroup:eq(0)').attr('label');      
16.//获取第二group下面第一个option的值       
17.$('#test optgroup:eq(1) :option:eq(0)').val();    
18.  
19.添加删除option项   
20.  
21.为select追加一个Option(下拉项)   
22.$("#slc2").append("<option value='"+i+"'>"+i+"</option>");   
23.为select插入一个option(第一个位置)   
24.$("#slc2").prepend("<option value='0'>请选择</option>");   
25.PS: prepend 这是向所有匹配元素内部的开始处插入内容的最佳方式。   
26.删除select中索引值最大option(最后一个)   
27.$("#slc2 option:last").remove();   
28.删除select中索引值为0的option(第一个)   
29.$("#slc2 option[index='0']").remove();   
30.删除select中value='3'的option   
31.$("#slc2 option[value='3']").remove();   
32.删除select中text='4'的option   
33.$("#slc2 option[text='3']").remove();   

  • 本文标题: Jquery之select使用方法大全
  • 文章分类:【JQuery/JavaScript】
  • 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.
留言评论
站点声明:
1、本站【胡同里的砖头】个人博客,借鉴网上一些博客模板,取其各优点模块自行拼装开发,本博客开发纯属个人爱好。
2、所有笔记提供给广大用户交流使用,可转载,可复制,纯个人开发所遇问题锦集记录使用
Copyright © huzlblog.com All Rights Reserved. 备案号:苏ICP备2021056683号-8