jQuery操作select下拉框的text值和value值的方法


Posted in Javascript onMay 31, 2014

1、jquery获取当前选中select的text值

var checkText=$("#slc1").find("option:selected").text();

2、jquery获取当前选中select的value值

var checkValue=$("#slc1").val();

3、jquery获取当前选中select的索引值

var index=$("#slc1 ").get(0).selectedIndex;

4、jquery设置索引值为1的项为当前选中项

$("#slc1 ").get(0).selectedIndex=1;

5、jquery设置value值2的项为当前选中项

$("#slc1 ").val(2);

6、jquery设置text值为"青藤园"的项为当前选中项

$("#slc1 option[text='青园w']").attr("selected",true);

7、为指定select下拉框追加一个option(追加到在末尾)

$("#slc2").append(""+i+"");

8、为制定select下拉框插入一个option(插入到第一个位置)

$("#slc2").prepend("请选择");

9、jquery删除select下拉框的最后一个option

$("#slc2 option:last").remove();

Javascript 相关文章推荐
this[] 指的是什么内容 讨论
Mar 24 Javascript
判断浏览器的javascript版本的代码
Sep 03 Javascript
Javascript下判断是否为闰年的Datetime包
Oct 26 Javascript
Javascript中document.referrer隐藏来源的方法
Jan 16 Javascript
js实现九宫格的随机颜色跳转
Feb 19 Javascript
javascript 中的继承实例详解
May 05 Javascript
WebSocket实现简单客服聊天系统
May 12 Javascript
vue项目实现记住密码到cookie功能示例(附源码)
Jan 31 Javascript
Vue 源码分析之 Observer实现过程
Mar 29 Javascript
基于vue-element组件实现音乐播放器功能
May 06 Javascript
Angular2之二级路由详解
Aug 31 Javascript
JS监听事件的叠加和移除功能
Nov 19 Javascript
js中的for如何实现foreach中的遍历
May 31 #Javascript
javascript 小数取整简单实现方式
May 30 #Javascript
JQuery给元素绑定click事件多次执行的解决方法
May 29 #Javascript
jquery获取tagName再进行判断
May 29 #Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
May 29 #Javascript
Jquery 获取指定标签的对象及属性的设置与移除
May 29 #Javascript
jquery缓动swing liner控制动画过程不同时刻的速度
May 29 #Javascript
You might like
使用dump函数,给php加断点测试
2013/06/25 PHP
php下拉选项的批量操作的实现代码
2013/10/14 PHP
PHP实现下载断点续传的方法
2014/11/12 PHP
PHP中生成UUID自定义函数分享
2015/06/10 PHP
PHP中让json_encode不自动转义斜杠“/”的方法
2017/02/28 PHP
js优化针对IE6.0起作用(详细整理)
2012/12/25 Javascript
nodejs的require模块(文件模块/核心模块)及路径介绍
2013/01/14 NodeJs
javascript类型转换使用方法
2014/02/08 Javascript
jquery JSON的解析方式示例介绍
2014/07/27 Javascript
js对象基础实例分析
2015/01/13 Javascript
深入理解JavaScript 函数
2016/06/06 Javascript
微信小程序 数据绑定详解及实例
2016/10/25 Javascript
jquery延迟对象解析
2016/10/26 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
2016/11/22 Javascript
完美的js图片轮换效果
2017/02/05 Javascript
基于Node的React图片上传组件实现实例代码
2017/05/10 Javascript
深究AngularJS如何获取input的焦点(自定义指令)
2017/06/12 Javascript
js实现日期显示的一些操作(实例讲解)
2017/07/27 Javascript
Angular在模板驱动表单中自定义校验器的方法
2017/08/09 Javascript
vue中实现滚动加载更多的示例
2017/11/08 Javascript
在vue中v-bind使用三目运算符绑定class的实例
2018/09/29 Javascript
Node.js+Express+Mysql 实现增删改查
2019/04/03 Javascript
vue cli安装使用less的教程详解
2019/07/12 Javascript
忘记ftp密码使用python ftplib库暴力破解密码的方法示例
2014/01/22 Python
Python下使用Psyco模块优化运行速度
2015/04/05 Python
Python中asyncore异步模块的用法及实现httpclient的实例
2016/06/28 Python
python函数的5种参数详解
2017/02/24 Python
django和vue实现数据交互的方法
2019/08/21 Python
python 实现图片上传接口开发 并生成可以访问的图片url
2019/12/18 Python
Python OpenCV实现测量图片物体宽度
2020/05/27 Python
基于Python的身份证验证识别和数据处理详解
2020/11/14 Python
新年寄语大全
2014/04/12 职场文书
员工生日活动方案
2014/08/24 职场文书
python3实现Dijkstra算法最短路径的实现
2021/05/12 Python
React + Threejs + Swiper 实现全景图效果的完整代码
2021/06/28 Javascript
【js设计模式】SOLID五大设计原则
2022/03/24 Javascript