利用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中children与find之间的区别详细解析
Nov 29 Javascript
七个很有意思的PHP函数
May 12 Javascript
JQuery 使用attr方法实现下拉列表选中
Oct 13 Javascript
基于JavaScript实现一定时间后去执行一个函数
Dec 14 Javascript
TypeOf这些知识点你了解吗
Feb 21 Javascript
jquery DataTable实现前后台动态分页
Jun 17 jQuery
JS动态添加的div点击跳转到另一页面实现代码
Sep 30 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
Apr 17 Javascript
详解ajax的data参数错误导致页面崩溃
Apr 30 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
Oct 22 Javascript
VueJS 组件参数名命名与组件属性转化问题
Dec 03 Javascript
利用promise及参数解构封装ajax请求的方法
Mar 24 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
一个数据采集类
2007/02/14 PHP
PHP配置文件中最常用四个ini函数
2007/03/19 PHP
值得分享的php+ajax实时聊天室
2016/07/20 PHP
js获取变量
2006/08/24 Javascript
CSS+Jquery实现页面圆角框方法大全
2009/12/24 Javascript
xml转json的js代码
2012/08/28 Javascript
IE下JS读取xml文件示例代码
2013/08/05 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
2014/04/03 Javascript
基于jQuery创建鼠标悬停效果的方法
2015/03/07 Javascript
javascript数组排序汇总
2015/07/07 Javascript
利用JQuery写一个简单的异步分页插件
2016/03/07 Javascript
JavaScript笔记之数据属性和存储器属性
2016/03/31 Javascript
jQuery获取父元素节点、子元素节点及兄弟元素节点的方法
2016/04/14 Javascript
JS弹出窗口插件zDialog简单用法示例
2016/06/12 Javascript
原生js实现键盘控制div移动且解决停顿问题
2016/12/05 Javascript
微信开发之调起摄像头、本地展示图片、上传下载图片实例
2016/12/08 Javascript
微信小程序商城项目之淘宝分类入口(2)
2017/04/17 Javascript
基于jQuery解决ios10以上版本缩放问题
2017/11/03 jQuery
纯js实现隔行变色效果
2017/11/29 Javascript
使用p5.js临摹动态图片
2019/11/04 Javascript
vue实现带过渡效果的下拉菜单功能
2020/02/19 Javascript
[02:22]2018DOTA2亚洲邀请赛VG赛前采访
2018/04/03 DOTA
让 python 命令行也可以自动补全
2014/11/30 Python
python映射列表实例分析
2015/01/26 Python
详解Python设计模式编程中观察者模式与策略模式的运用
2016/03/02 Python
python递归删除指定目录及其所有内容的方法
2017/01/13 Python
python导出chrome书签到markdown文件的实例代码
2017/12/27 Python
Python生成验证码、计算具体日期是一年中的第几天实例代码详解
2019/10/16 Python
html5声频audio和视频video等新特性详细说明
2012/12/26 HTML / CSS
纯HTML5+CSS3制作生日蛋糕(代码易懂)
2016/11/16 HTML / CSS
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
编辑个人求职信范文
2013/09/21 职场文书
2014年教师政治学习材料
2014/06/02 职场文书
2016年9月份红领巾广播稿
2015/12/21 职场文书
​(迎国庆)作文之我爱我的祖国
2019/09/19 职场文书
聊聊mysql都有哪几种分区方式
2022/04/13 MySQL