博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQueryDom——Select、Option
阅读量:6617 次
发布时间:2019-06-25

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

hot3.png

jQuery获取Select选择的Text和Value: 
语法解释:
 
 
$("#select_id").change(function(){
//code...});    //为Select添加事件,当选择其中一项时触发   
var checkText=$("#select_id").find("option:selected").text();   //获取Select选择的Text    var checkValue=$("#select_id").val();   //获取Select选择的Value    var checkIndex=$("#select_id ").get(0).selectedIndex;   //获取Select选择的索引值   var maxIndex=$("#select_id option:last").attr("index");   //获取Select最大的索引值 jQuery设置Select选择的Text和Value:   
语法解释:
 
$("#select_id ").get(0).selectedIndex=1;   //设置Select索引值为1的项选中    $("#select_id ").val(4);    //设置Select的Value值为4的项选中    $("#select_id option[text='jQuery']").attr("selected"true);    //设置Select的Text值为jQuery的项选中       
jQuery添加/删除Select的Option项:
语法解释:
 
$("#select_id").append("<option value='Value'>Text</option>");   //为Select追加一个Option(下拉项)    $("#select_id").prepend("<option value='0'>请选择</option>");   //为Select插入一个Option(第一个位置)    $("#select_id option:last").remove();   //删除Select中索引值最大Option(最后一个)    $("#select_id option[index='0']").remove();   //删除Select中索引值为0的Option(第一个)    $("#select_id option[value='3']").remove();   //删除Select中Value='3'的Option    $("#select_id option[text='4']").remove();   //删除Select中Text='4'的Option  

转载于:https://my.oschina.net/zhangqs008/blog/712729

你可能感兴趣的文章
【Java例题】7.4 文件题1-学生成绩排序
查看>>
L3-004. 肿瘤诊断
查看>>
linux环境安装oracle11G准备环境(自学笔记1)
查看>>
js传输中文参数
查看>>
Windows sever 2008
查看>>
【C#】程序集中资源文件的使用
查看>>
docker基本使用
查看>>
sqlserver 发送邮件脚本
查看>>
cf 460 E. Congruence Equation 数学题
查看>>
css 区块与盒子模型
查看>>
AIR 初步 Javascript学习之cookie操作
查看>>
CentOS7 yum 安装git
查看>>
集合框架2
查看>>
iOS旋屏
查看>>
php printf() 输出格式化的字符串
查看>>
FL2440 rt3070模块station模式动态获取IP地址
查看>>
VS2013下的64位与32位程序配置
查看>>
Java_内部类和静态内部类的区别
查看>>
Failed to load resource: net::ERR_CACHE_MISS
查看>>
Xslt利用javaScript处理字符串
查看>>