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 相关文章推荐
js设置文本框中焦点位置在最后的示例代码(简单实用)
Mar 04 Javascript
jquery实现效果比较好的table选中行颜色
Mar 25 Javascript
iframe的onreadystatechange事件在firefox下的使用
Apr 16 Javascript
javascript实现C语言经典程序题
Nov 29 Javascript
Node.js模块封装及使用方法
Mar 06 Javascript
Bootstrap实现下拉菜单效果
Apr 29 Javascript
Node.js的特点详解
Feb 03 Javascript
Extjs表单输入框异步校验的插件实现方法
Mar 20 Javascript
浅谈Angular4实现热加载开发旅程
Sep 08 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
Sep 05 Javascript
详解基于iview-ui的导航栏路径(面包屑)配置
Feb 22 Javascript
微信小程序左右滚动公告栏效果代码实例
Sep 16 Javascript
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
PHP+MYSQL的文章管理系统(一)
2006/10/09 PHP
ThinkPHP连接数据库的方式汇总
2014/12/05 PHP
PHP5全版本绕过open_basedir读文件脚本漏洞详细介绍
2015/01/20 PHP
php将字符串转换成16进制的方法
2015/03/17 PHP
YII框架常用技巧总结
2019/04/27 PHP
js下判断 iframe 是否加载完成的完美方法
2010/10/26 Javascript
IE6/7/8中Option元素未设value时Select将获取空字符串
2011/04/07 Javascript
jQuery性能优化28条建议你值得借鉴
2013/02/16 Javascript
javascript实现类似java中getClass()得到对象类名的方法
2015/07/27 Javascript
jQuery实现动态表单验证时文本框抖动效果完整实例
2015/08/21 Javascript
jquery Deferred 快速解决异步回调的问题
2016/04/05 Javascript
Javascript基础回顾之(一) 类型
2017/01/31 Javascript
angularjs点击图片放大实现上传图片预览
2017/02/24 Javascript
jQuery加密密码到cookie的实现代码
2017/04/18 jQuery
Angular 2父子组件数据传递之局部变量获取子组件其他成员
2017/07/04 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
2018/04/19 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
2018/05/28 Javascript
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
2018/12/09 Javascript
Vue中遍历数组的新方法实例详解
2019/07/21 Javascript
python之import机制详解
2014/07/03 Python
Python的Tornado框架异步编程入门实例
2015/04/24 Python
Python求导数的方法
2015/05/09 Python
Python字符串转换成浮点数函数分享
2015/07/24 Python
用Anaconda安装本地python包的方法及路径问题(图文)
2019/07/16 Python
Python 转换文本编码实现解析
2019/08/27 Python
Numpy数组的广播机制的实现
2020/11/03 Python
深入浅出CSS3 background-clip,background-origin和border-image教程
2011/01/27 HTML / CSS
css3实现可拖动的魔方3d效果
2019/05/07 HTML / CSS
html5 canvas移动浏览器上实现图片压缩上传
2016/03/11 HTML / CSS
详解使用postMessage解决iframe跨域通信问题
2019/11/01 HTML / CSS
小加工厂管理制度
2014/01/21 职场文书
2014银行授权委托书样本
2014/10/04 职场文书
铣工实训报告
2014/11/05 职场文书
结婚十年感言
2015/07/31 职场文书
浅谈mysql哪些情况会导致索引失效
2021/11/20 MySQL
golang实现浏览器导出excel文件功能
2022/03/25 Golang