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 相关文章推荐
js跨域和ajax 跨域问题的实现思路
Sep 05 Javascript
JavaScript 基础知识 被自己遗忘的
Oct 15 Javascript
JQuery 常用方法和事件详细介绍
Apr 18 Javascript
jquery实现input输入框实时输入触发事件代码
Jan 28 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
Apr 12 Javascript
Javascript中For In语句用法实例
May 14 Javascript
学习javascript面向对象 掌握创建对象的9种方式
Jan 04 Javascript
javascript创建cookie、读取cookie
Mar 31 Javascript
微信小程序与php 实现微信支付的简单实例
Jun 23 Javascript
Vue.js@2.6.10更新内置错误处机制Fundebug同步支持相应错误监控
May 13 Javascript
vue(2.x,3.0)配置跨域代理
Nov 27 Javascript
Vue-cli打包后如何本地查看的操作
Sep 02 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
php smarty的预保留变量总结
2008/12/04 PHP
php 中英文语言转换类代码
2011/08/11 PHP
CodeIgniter配置之config.php用法实例分析
2016/01/19 PHP
php读取txt文件并将数据插入到数据库
2016/02/23 PHP
Codeigniter中集成smarty和adodb的方法
2016/03/04 PHP
php arsort 数组降序排序详细介绍
2016/11/17 PHP
jquery判断checkbox(复选框)是否被选中的代码
2010/10/20 Javascript
js实现点小图看大图效果的思路及示例代码
2013/10/28 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
2013/11/28 Javascript
jQuery在iframe中无法弹出对话框的解决方法
2014/01/12 Javascript
20分钟轻松创建自己的Bootstrap站点
2016/05/12 Javascript
深入理解$.each和$(selector).each
2016/05/15 Javascript
JavaScript实现页面无操作倒计时退出
2016/10/22 Javascript
HTML5 js实现拖拉上传文件功能
2020/11/20 Javascript
JavaScript利用Date实现简单的倒计时实例
2017/01/12 Javascript
Node.js通过身份证号验证年龄、出生日期与性别方法示例
2017/03/09 Javascript
vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
2019/08/03 Javascript
VUEX 数据持久化,刷新后重新获取的例子
2019/11/12 Javascript
基于JS实现计算24点算法代码实例解析
2020/07/23 Javascript
通过实例解析JavaScript常用排序算法
2020/09/02 Javascript
微信小程序实现点击导航标签滚动定位到对应位置
2020/11/19 Javascript
[00:27]DOTA2次级职业联赛 - Lilith战队宣传片
2014/12/01 DOTA
python实现简易内存监控
2018/06/21 Python
numpy.ndarray 交换多维数组(矩阵)的行/列方法
2018/08/02 Python
python区分不同数据类型的方法
2019/10/14 Python
VS2019+python3.7+opencv4.1+tensorflow1.13配置详解
2020/04/16 Python
keras 多任务多loss实例
2020/06/22 Python
HTML5中FileReader接口使用方法实例详解
2017/08/26 HTML / CSS
HTML5实践-图片设置成灰度图
2012/11/12 HTML / CSS
Perry Ellis官网:美国男士品味服装
2016/12/09 全球购物
俄罗斯药房连锁店:ASNA
2020/06/20 全球购物
迪卡侬波兰体育用品商店:Decathlon波兰
2020/03/31 全球购物
完美实现CSS垂直居中的11种方法
2021/03/27 HTML / CSS
城市规划毕业生求职信
2013/10/10 职场文书
2015年出纳个人工作总结
2015/04/02 职场文书
win10蓝屏0xc0000001安全模式进不了怎么办?win10出现0xc0000001的解决方法
2022/08/05 数码科技