利用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 相关文章推荐
背景音乐每次刷新都可以自动更换
Feb 01 Javascript
js 页面执行时间计算代码
Mar 04 Javascript
Jquery uploadify图片上传插件无法上传的解决方法
Dec 16 Javascript
原生JS实现平滑回到顶部组件
Mar 16 Javascript
基于javascript实现页面加载loading效果
Sep 15 Javascript
D3.js实现文本的换行详解
Oct 14 Javascript
ionic2 tabs使用 Modal底部tab弹出框
Dec 30 Javascript
javascript 单例模式详解及简单实例
Feb 14 Javascript
js中toString()和String()区别详解
Mar 23 Javascript
json的结构与遍历方法实例分析
Apr 25 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
May 24 Javascript
Vue 3自定义指令开发的相关总结
Jan 29 Vue.js
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 chr() ord()中文截取乱码问题解决方法
2008/09/08 PHP
Laravel5中contracts详解
2015/03/02 PHP
Laravel框架自定义分页样式操作示例
2020/01/26 PHP
jQuery的实现原理的模拟代码 -2 数据部分
2010/08/01 Javascript
浅谈Javascript嵌套函数及闭包
2010/11/09 Javascript
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
2012/11/14 Javascript
JavaScript的21条基本知识点
2014/03/04 Javascript
javascript 对象数组根据对象object key的值排序
2015/03/09 Javascript
javascript实现无缝上下滚动特效
2015/12/16 Javascript
JS获取当前使用的浏览器名字以及版本号实现方法
2016/08/19 Javascript
js模拟微博发布消息
2017/02/23 Javascript
详谈jQuery中的一些正则匹配表达式
2017/03/08 Javascript
jQuery源码解读之extend()与工具方法、实例方法详解
2017/03/30 jQuery
Node.JS利用PhantomJs抓取网页入门教程
2017/05/19 Javascript
angular实现spa单页面应用实例
2017/07/10 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
2017/08/29 jQuery
在VUE中实现文件下载并判断状态的方法
2019/11/08 Javascript
vue实现商品列表的添加删除实例讲解
2020/05/14 Javascript
[01:05:12]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS CIS-GAME
2014/05/21 DOTA
在Python中使用HTML模版的教程
2015/04/29 Python
Python基于Pymssql模块实现连接SQL Server数据库的方法详解
2017/07/20 Python
Python基于list的append和pop方法实现堆栈与队列功能示例
2017/07/24 Python
小米5s微信跳一跳小程序python源码
2018/01/08 Python
详解python实现小波变换的一个简单例子
2019/07/18 Python
Python实现新型冠状病毒传播模型及预测代码实例
2020/02/05 Python
Python基础进阶之海量表情包多线程爬虫功能的实现
2020/12/17 Python
澳大利亚潮流尖端的快时尚品牌:Cotton On
2016/09/26 全球购物
Tom Dixon官网:英国照明及家具设计和制造公司
2019/03/01 全球购物
成人毕业生自我鉴定
2013/10/18 职场文书
技校教师求职简历的自我评价
2013/10/20 职场文书
求职简历中的自我评价分享
2013/12/08 职场文书
教师通用专业自荐书范文
2014/02/11 职场文书
乡党政领导班子群众路线教育实践活动个人对照检查材料
2014/09/20 职场文书
世界名著读书笔记
2015/06/25 职场文书
你真的了解PHP中的引用符号(&)吗
2021/05/12 PHP
总结Java对象被序列化的两种方法
2021/06/30 Java/Android