利用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 相关文章推荐
javascript 最常用的10个自定义函数[推荐]
Dec 26 Javascript
jQuery网页版打砖块小游戏源码分享
Aug 20 Javascript
js实现按钮颜色渐变动画效果
Aug 20 Javascript
jQuery过滤选择器经典应用
Aug 18 Javascript
input 禁止输入特殊字符的四种实现方式
Aug 24 Javascript
JS框架之vue.js(深入三:组件1)
Sep 29 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
Mar 15 Javascript
SeaJS中use函数用法实例分析
Oct 10 Javascript
node中的cookie的具体使用
Sep 13 Javascript
原生js实现移动端Touch轮播图的方法步骤
Jan 03 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 jQuery
基于javascript实现放大镜特效
Dec 03 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
PHP 常见郁闷问题答解
2006/11/25 PHP
基于php冒泡排序算法的深入理解
2013/06/09 PHP
解析phpstorm + xdebug 远程断点调试
2013/06/20 PHP
php 模拟 asp.net webFrom 按钮提交事件实例
2014/10/13 PHP
PHP接口继承及接口多继承原理与实现方法详解
2017/10/18 PHP
jquery 回车事件实现代码
2011/08/23 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
2011/09/20 Javascript
自己做的模拟模态对话框实现代码
2012/05/23 Javascript
页面刷新时记住滚动条的位置jquery代码
2014/06/17 Javascript
js用typeof方法判断undefined类型
2014/07/15 Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
2016/03/22 Javascript
D3.js实现柱状图的方法详解
2016/09/21 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
2017/02/22 Javascript
基于js原生和ajax的get和post方法以及jsonp的原生写法实例
2017/10/16 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
2018/09/07 Javascript
详解Vue CLI3配置解析之css.extract
2018/09/14 Javascript
微信小程序JS加载esmap地图的实例详解
2019/09/04 Javascript
jsonp格式前端发送和后台接受写法的代码详解
2019/11/07 Javascript
three.js利用卷积法如何实现物体描边效果
2019/11/27 Javascript
浅谈vue 二级路由嵌套和二级路由高亮问题
2020/08/06 Javascript
Nuxt.js 静态资源和打包的操作
2020/11/06 Javascript
[02:22]完美世界DOTA2联赛PWL S3 集锦第一期
2020/12/15 DOTA
老生常谈Python之装饰器、迭代器和生成器
2017/07/26 Python
python的格式化输出(format,%)实例详解
2018/06/01 Python
pycharm执行python时,填写参数的方法
2018/10/29 Python
python基础教程之while循环
2019/08/14 Python
python3实现高效的端口扫描
2019/08/31 Python
Django框架 信号调度原理解析
2019/09/04 Python
tensorflow/core/platform/cpu_feature_guard.cc:140] Your CPU supports instructions that this T
2020/06/22 Python
Python爬虫逆向分析某云音乐加密参数的实例分析
2020/12/04 Python
HTML5中的拖放实现详解
2017/08/23 HTML / CSS
Kenneth Cole官网:纽约时尚优雅品牌
2016/11/14 全球购物
翻译专业应届生求职信
2013/11/23 职场文书
团日活动总结书
2014/05/08 职场文书
激励口号大全
2014/06/17 职场文书
写作技巧:如何撰写商业计划书
2019/08/08 职场文书