jquery select(列表)的操作(取值/赋值)


Posted in Javascript onAugust 06, 2009

jquery的使用方法,看了jquery_api帮助文档和官方的文档,基本所有的用法都可以找到。

但却没有找到对<select>列表的操作。

jquery对<select>的操作比较麻烦,我把常用的收集如下:

1.获取选中值:$("select[@id='pagesize_slt'] option[@selected]").val();//-----pagesize_slt是<select>的id

2.设置选中项:$("select[@id='pagesize_slt']")[0].selectedIndex = 1;//-----<select>的index从0开始,所以1是第二项

很奇怪的是,我是用id来获取的,应该是唯一值,但$("select[@id='pagesize_slt']").selectedIndex = 1;是不对的。必须加[0]。也就是说,$("select[@id='pagesize_slt']")返回的其实是一个数组。这点需要注意。

Javascript 相关文章推荐
使用Modello编写JavaScript类
Dec 22 Javascript
究竟什么是Node.js?Node.js有什么好处?
May 29 Javascript
基于jquery实现复选框全选,反选,全不选等功能
Oct 16 Javascript
jQuery查找节点方法完整实例
Sep 13 Javascript
JS switch判断 三目运算 while 及 属性操作代码
Sep 03 Javascript
浅谈react 同构之样式直出
Nov 07 Javascript
vue component 中引入less文件报错 Module build failed
Apr 17 Javascript
详解JavaScript中关于this指向的4种情况
Apr 18 Javascript
详解用js代码触发dom事件的实现方案
Jun 10 Javascript
js仿京东放大镜效果
Aug 09 Javascript
在vue项目中 实现定义全局变量 全局函数操作
Oct 26 Javascript
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 Vue.js
asp(javascript)全角半角转换代码 dbc2sbc
Aug 06 #Javascript
javascript Array.remove() 数组删除
Aug 06 #Javascript
实现连缀调用的map方法(prototype)
Aug 05 #Javascript
Extjs ajax同步请求时post方式参数发送方式
Aug 05 #Javascript
同一个表单 根据要求递交到不同页面的实现方法小结
Aug 05 #Javascript
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
Aug 04 #Javascript
让JavaScript 轻松支持函数重载 (Part 1 - 设计)
Aug 04 #Javascript
You might like
用ADODB来让PHP操作ACCESS数据库的方法
2006/12/31 PHP
PHP7创建销毁session的实例方法
2020/02/03 PHP
地震发生中逃生十大法则
2008/05/12 Javascript
JavaScript入门教程(8) Location地址对象
2009/01/31 Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
2013/10/11 Javascript
用C/C++来实现 Node.js 的模块(一)
2014/09/24 Javascript
jQuery三级下拉列表导航菜单代码分享
2020/04/15 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
2016/03/05 Javascript
AngularJS  自定义指令详解及实例代码
2016/09/14 Javascript
jQuery实现图片轮播效果代码
2016/09/27 Javascript
Angular路由简单学习
2016/12/26 Javascript
Node.js发送HTTP客户端请求并显示响应结果的方法示例
2017/04/12 Javascript
Three.js基础学习教程
2017/11/16 Javascript
深入浅析JS中的严格模式
2018/06/04 Javascript
JS的Ajax与后端交互数据的实例
2018/08/08 Javascript
Vue.js图片预览插件使用详解
2018/08/27 Javascript
NodeJs操作MongoDB教程之分页功能以及常见问题
2019/04/09 NodeJs
vue watch关于对象内的属性监听
2019/04/22 Javascript
VUE : vue-cli中去掉路由中的井号#操作
2020/09/04 Javascript
vue-cli 关闭热更新操作
2020/09/18 Javascript
[00:09]DOTA2新版本PA至宝特效动作展示
2014/11/19 DOTA
Python ljust rjust center输出
2008/09/06 Python
Python比较文件夹比另一同名文件夹多出的文件并复制出来的方法
2015/03/05 Python
为什么选择python编程语言入门黑客攻防 给你几个理由!
2018/02/02 Python
Python之关于类变量的两种赋值区别详解
2020/03/12 Python
如何更换python默认编辑器的背景色
2020/08/10 Python
详解Python中的Lock和Rlock
2021/01/26 Python
PyCharm2020.3.2安装超详细教程
2021/02/08 Python
CSS3弹性盒模型flex box快速入门心得(必看篇)
2016/05/24 HTML / CSS
使用HTML5 Canvas绘制圆角矩形及相关的一些应用举例
2016/03/22 HTML / CSS
英国最大的邮寄种子和植物公司:Thompson & Morgan
2017/09/21 全球购物
乔布斯斯坦福大学演讲稿
2014/05/23 职场文书
小学兴趣小组活动总结
2014/07/07 职场文书
国庆节标语大全
2014/10/08 职场文书
上班迟到检讨书
2015/05/06 职场文书
房贷工资证明范本
2015/06/12 职场文书