jQuery操作Select
来源:互联网 发布:简单游戏制作软件 编辑:程序博客网 时间:2024/06/01 15:44
jQuery是如何控制和操作select的。先看下面的html代码
<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();
- jQuery对select操作
- jQuery对select操作
- Jquery操作select
- jQuery对select操作
- JQuery 对select操作
- jQuery对select操作
- JQuery 之 select 操作
- jquery对select操作
- jquery对SELECT操作
- jQuery 对select操作
- jQuery对select操作
- jquery操作select
- jQuery 对select操作
- jQuery对select操作
- jQuery操作Select
- jquery操作select
- jQuery对select操作
- Jquery操作select
- linux 等待队列
- 函数栈详解以及堆区与栈区的区别
- CSS 层叠样式表----继承和覆盖
- VS2010中的自动化测试(4)——Web性能测试
- WinForm界面开发之布局控件"WeifenLuo.WinFormsUI.Docking"的使用
- jQuery操作Select
- NSArray NSSet NSDictionary
- 动态规划之最优矩阵连乘
- 那些年,一步一步学linux c
- 如何实施已删除表的恢复(Dropped Table Recovery)
- Bellman-Ford算法分析
- 10.EL入门:format
- linux下Qwt 安装
- 编程之中,下标从1开始的情况