jQuery操作Select
2015-08-18 17:42
573 查看
jQuery是如何控制和操作select的。先看下面的html代码
所谓jQuery操作“select”, 说的更确切一些是应该是jQuery控制 “option”, 看下面的jQuery代码:
<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').val(2); //获取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();
相关文章推荐
- 【探索】用js打语言包(使用jquery.i18n.properties)
- 【探索】用js打语言包(使用jquery.i18n.properties)
- jquery tmpl 详解
- Jquery页面中添加键盘按键事件,如ESC事件
- jquery-chosen 选择框插件
- 一个简单的jQuery插件ajaxfileuplo 4000 ad实现ajax上传文件例子
- jQuery垂直多级导航菜单代码分享
- jquery相册图片来回选择
- jQuery Lazy Load 图片延迟加载
- jquery入门
- jquery selector 基础
- jquery实现选项在两个下拉列表之间选择性移动的功能
- jquery实现文本框默认值功能
- jquery实现复选框的全选与反选
- JQuery实现滑动开关效果
- jquery实现表单逐条登记,一次性提交功能
- jquery easyui树的简答构造+动态生成js全局变量
- jquery 验证
- jquery让页面中的模块自适应浏览器高度
- jquery SweetAlert插件实现响应式提示框