jquery操作select下拉框:取值,赋值,删除
1.jQuery对select的取值
<select id="test"> <option value ="1">测试1</option> <option value ="2">测试2</option> <option value="3" >测试3</option> <option value="4" >测试4</option> </select>
用上面的select举例说明:
取得value: var value=$("#test").val();
取得text: var text=$("#test").find("option:selected").text();
获取Select选择的索引值: var checkIndex=$("#test ").get(0).selectedIndex;
获取Select最大的索引值: var maxIndex=$("#test option:last").attr("index");
2.jquery对select的赋值
jquery对select的动态赋值,动态赋值是实际项目中用的最多的,往往和下拉框的二级联动用在一起。
下面的追加option
$("#test").append("<option value='5'>测试5</option>"); //为Select追加一个Option(下拉项)
$("#test").prepend("<option value='0'>测试6</option>"); //为Select插入一个Option(第一个位置)
3.jquery对select的删除
$("#test").empty();用的最多
$("#test option:last").remove(); //删除Select中索引值最大Option(最后一个)
$("#test option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
$("#test option[value='3']").remove(); //删除Select中Value='3'的Option
$("#test option[text='4']").remove(); //删除Select中Text='4'的Option
原文地址:https://www.cnblogs.com/liangzia/p/11719381.html
- 全球15%工作将被自动化,中国1亿人将面临失业
- ASP.NET MVC的Model元数据提供机制的实现
- 清官难断家务事,人工智能却来介入家庭伦理大戏
- 使用Symfony的Console组件构建命令行程序
- 微软编程教育都在搞什么?从code.org到makecode,从Minecraft到Micro:bit
- 谷歌:通往完全自动驾驶之路
- 随时随地部署Kubernetes
- 使用CoreOs,Docker和Nirmata来部署微服务风格的应用程序
- 使用ACS和Kubernetes部署Red Hat JBoss Fuse
- 教你快速安装OpenShift容器平台3.6
- 面向开发者的Cloud Foundry
- 云数据库安全与农场和餐馆:知道来源的重要性
- 云数据库安全,农场和餐馆:知道你的来源的重要性
- NO.32 不堪重负:线程池拒绝策略
- 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 数组属性和方法
- 大数据理论篇HDFS的基石——Google File System
- 6. 二十不惑,ObjectMapper使用也不再迷惑
- 接口自动化对比工具实践
- 什么?Java9这些史诗级更新你都不知道?Java9特性一文打尽!
- 利用 Arthas 精准定位 Java 应用 CPU 负载过高问题
- 你想了解的JDK 10版本更新都在这里
- Linux Page Cache调优在 Kafka 中的应用
- 声明式 UIKit 在有赞美业的实践
- 一个@Transaction哪里来这么多坑?
- 绘图代码|10种绘制热图方法,你想要的全都有!
- 有赞DB连接池性能优化
- 有赞移动热修复平台建设
- 有赞零售智能硬件体系搭建历程
- 有赞移动如何做到并行灰度的复杂场景?
- 微商城订单模块重构实践