jquery 操作select下拉列表的一些实例
时间:2015-12-26
本文章向大家介绍jquery 操作select的一些实例,包括jquery获取select的第一个option的值、jquery获取select最后一个option的值、jquery根据索引获取select option的值、jquery获取select选中的值、jquery设置某个option为选中状态、jquery获取select的长度等等。需要的码农可以参考一下。
本文章需要使用到的html:
<select id="test">
<option value="1">php<option>
<option value="2">mysql<option>
<option value="n">java<option>
</select>
jquery获取select第一个option的值
$('#test option:first').val();
jquery获取select最后一个option的值
$('#test option:last').val();
jquery获取select第二个option的值
$('#test option:eq(1)').val();
jquery获取select选中的值
$('#test').val();
或
$('#test option:selected').val();
jquery设置select值为"php"的option为选中状态
$('#test').attr('value','php');
jquery设置select最后一个option为选中
$('#test option:last').attr('selected','selected');
jquery获取select的长度
$('#test option').length;
jquery为select添加一个option
$("#test").append("<option value='javascript'>javascript</option>");
或
$("<option value='javascript'>javascript</option>").appendTo("#test");
jquery移除select选中项
$('#test option:selected').remove();
jquery删除select某一项(这里删除第一项)
$('#test option:first').remove();
jquery指定值删除select中的option项
$('#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();
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 机器人系统建模与辨识工具箱sympybotic
- 微服务聚合Swagger文档,这波操作是真的香!
- CEF-version2623完整编译教程
- Node 中如何引入一个模块及其细节
- PHP 错误和异常处理(下)
- PHP 错误和异常处理(上)
- 玩转 PhpStorm 系列(一):主题篇
- 如何用云开发打造“万人同屏”高并发实时互动小程序
- 实战丨云开发帮你和「火箭少女」合个影!
- 开源数据闪回工具—binlog2sql介绍
- 盘点前端面试常见的15个TS问题,你能答对吗?
- 『深度思考』对CenterNet的一些思考与质疑·测试对比CenterNet与U版YoloV3速度与精度
- 优秀员工应该具备的11个特质
- 腾讯位置服务教你快速实现距离测量小工具
- 一张PDF了解JDK11 GC调优秘籍-附PDF下载