博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery操作Select中Text和Value
阅读量:5956 次
发布时间:2019-06-19

本文共 1117 字,大约阅读时间需要 3 分钟。

jQuery获取Select选择的Text和Value:
语法解释:
1. $("#select_id").change(function(){
//code...}); //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text3. var checkValue=$("#select_id").val(); //获取Select选择的Value4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值

 

jQuery设置Select选择的 Text和Value:
语法解释:

1. $("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中2. $("#select_id ").val(4);   // 设置Select的Value值为4的项选中3. $("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中

 

jQuery添加/删除Select的Option项:

语法解释:

1. $("#select_id").append("");  //为Select追加一个Option(下拉项)2. $("#select_id").prepend("");  //为Select插入一个Option(第一个位置)3. $("#select_id option:last").remove();  //删除Select中索引值最大Option(最后一个)4. $("#select_id option[index='0']").remove();  //删除Select中索引值为0的Option(第一个)5. $("#select_id option[value='3']").remove();  //删除Select中Value='3'的Option5. $("#select_id option[text='4']").remove();  //删除Select中Text='4'的Option

 

  

原文来自:

转载地址:http://nlexx.baihongyu.com/

你可能感兴趣的文章
文件下载_中文乱码:"Content-disposition","attachment; filename=中文名
查看>>
HBase 笔记3
查看>>
2017.11.23 display fun --STM8
查看>>
深入学习jQuery选择器系列第八篇——过滤选择器之伪子元素选择器
查看>>
一个关于log4j的悲伤的故事
查看>>
PCA
查看>>
ajax上传文件
查看>>
java中通过绝对路径将图片存入数据库
查看>>
ConcurrentHashMap(Java8)源码分析
查看>>
Python文件处理之文件指针(四)
查看>>
Numpy用法详解
查看>>
DataGridView在vb.net中的操作技巧
查看>>
PMP考试冲刺进行中。。。
查看>>
大换血的代价
查看>>
Learn in FCC(3)
查看>>
RunLoop--
查看>>
chrome 2行换行省略号 ... text-ellipse
查看>>
C语言第四次作业
查看>>
Java学习-集合的理解
查看>>
iOS验证码倒计时(GCD实现)
查看>>