利用jquery操作select下拉列表框的代码


Posted in Javascript onJune 04, 2010

例:

<select id="sltList" name="list"> 
<option value="1">张三</option> 
<option value="2">李四</option> 
</select> 
// 获取当前选中的option值 
$('#sltList').val() 
//获取当前选中项的文本 
$('#sltList option[@selected]').text(); // 获取当前选中的option, text为文本, val则是option的值了 
或 var item = $("select[@name= list] option[@selected]").text(); 
//设置文本为当前选中项 
$("#sltList option[@selected]").attr("text",'张三'); //设置select下拉框的第二个元素为当前选中值 
$('#sltList')[0].selectedIndex = 1; 
//设置value=1的项目为当前选中项 
$("#sltList").attr("value",'1'); 
$('#sltList').val('1'); 
//添加下拉框的option 
$("<option value='3'>王五</option><option value='4'>赵六</option>").appendTo("#sltList") 
//清空下拉框 
$("sltList").empty(); 
例: 
//改变时的事件 
$("#testSelect").change(function(){ //事件?生 
jQuery('option:selected', this).each(function(){ //印出?到多??值 
alert(this.value); 
}); 
}); 
$("#childTypeResult").append(htmlStr); //是在此ID标签后增加htmlStr的值. 
$("#childTypeResult").html(htmlStr); 是修改此ID的值为htmlStr的值.
Javascript 相关文章推荐
jquery下json数组的操作实现代码
Aug 09 Javascript
JavaScript 通过模式匹配实现重载
Aug 12 Javascript
js获取class的所有元素
Mar 28 Javascript
js onclick事件传参讲解
Nov 06 Javascript
jquery实现两个图片渐变切换效果的方法
Jun 25 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
Jun 17 Javascript
JS获取和修改元素样式的实例代码
Aug 06 Javascript
Bootstrap模态框使用详解
Feb 15 Javascript
JS实现复选框的全选和批量删除功能
Apr 05 Javascript
vue 指定组件缓存实例详解
Apr 01 Javascript
浅谈vue项目4rs vue-router上线后history模式遇到的坑
Sep 27 Javascript
JavaScript中的Proxy对象
Nov 27 Javascript
JavaScript 页面编码与浏览器类型判断代码
Jun 03 #Javascript
javascript cookie操作类的实现代码小结附使用方法
Jun 02 #Javascript
js操作select控件的几种方法
Jun 02 #Javascript
Jquery升级新版本后选择器的语法问题
Jun 02 #Javascript
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
Jun 02 #Javascript
JQuery index()方法使用代码
Jun 02 #Javascript
JQuery下的Live方法和$.browser方法使用代码
Jun 02 #Javascript
You might like
Yii框架中sphinx索引配置方法解析
2016/10/18 PHP
PHP实现对xml的增删改查操作案例分析
2017/05/19 PHP
Laravel手动返回错误码示例
2019/10/22 PHP
URI、URL和URN之间的区别与联系
2006/12/20 Javascript
初试jQuery EasyUI 使用介绍
2010/04/01 Javascript
JSON 和 JavaScript eval使用说明
2010/06/13 Javascript
js如何判断用户是否是用微信浏览器
2014/06/05 Javascript
浅谈JavaScript中指针和地址
2015/07/26 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
2015/09/26 Javascript
详解基于angular-cli配置代理解决跨域请求问题
2017/07/05 Javascript
vue内置指令详解
2018/04/03 Javascript
基于vue实现可搜索下拉框定制组件
2020/03/26 Javascript
解决vue中修改了数据但视图无法更新的情况
2018/08/27 Javascript
Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法
2018/10/12 Javascript
vue制作抓娃娃机的示例代码
2020/04/17 Javascript
[39:11]DOTA2上海特级锦标赛C组资格赛#2 LGD VS Newbee第二局
2016/02/28 DOTA
pycharm 使用心得(六)进行简单的数据库管理
2014/06/06 Python
Python 爬虫图片简单实现
2017/06/01 Python
对Python的交互模式和直接运行.py文件的区别详解
2019/06/29 Python
python3实现高效的端口扫描
2019/08/31 Python
Python爬虫爬取Bilibili弹幕过程解析
2019/10/10 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
如何基于Django实现上下文章跳转
2020/09/16 Python
如何通过Python实现RabbitMQ延迟队列
2020/11/28 Python
详解HTML5中垂直上下居中的解决方案
2017/12/20 HTML / CSS
澳大利亚巧克力花束和礼品网站:Tastebuds
2019/03/15 全球购物
上海某公司.net方向笔试题
2014/09/14 面试题
护理学中专毕业生求职信
2013/11/11 职场文书
安全协议书
2014/04/23 职场文书
英语课外活动总结
2014/08/27 职场文书
七一建党节演讲稿
2014/09/11 职场文书
经典导游欢迎词
2015/01/26 职场文书
电影复兴之路观后感
2015/06/02 职场文书
安全教育日主题班会
2015/08/13 职场文书
Javascript中Microtask和Macrotask鲜为人知的知识点
2022/04/02 Javascript
PostgreSQL聚合函数介绍以及分组和排序
2022/04/12 PostgreSQL