jQuery操作Select
来源:互联网 发布:linux 下except用法 编辑:程序博客网 时间:2024/06/04 00:21
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();
0 0
- 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
- DataTable存储XML信息时,列名相同时解决方法
- IOS学习-区别scrollViewDidEndDragging和scrollViewDidEndDecelerating
- 读取 SQL 脚本并执行
- OC基础 便利构造器 继承,
- myeclipse手动安装插件-自用
- jQuery操作Select
- 【SSH三大框架】Hibernate基础第十三篇:lazy、constrained、fetch三个属性的作用和使用方法
- “按需加载”的应用
- 【计算几何初步-凸包-Jarvis步进法。】【HDU1392】Surround the Trees
- jQuery获取Select元素,并选择的Text和Value:
- 人品计算器
- makefile 的 ifdef, ifeq 使用及辨析
- 第14周--多科成绩单(2)
- 多线程文件下载