利用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 BS,dialog控件自适应大小
Jul 06 Javascript
javascript:json数据的页面绑定示例代码
Jan 26 Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
Jun 20 Javascript
js跨域请求数据的3种常用的方法
Dec 01 Javascript
前端微信支付js代码
Jul 25 Javascript
jquery radio的取值_radio的选中_radio的重置方法
Sep 20 Javascript
jquery精度计算代码 jquery指定精确小数位
Feb 06 Javascript
Javascript实现登录记住用户名和密码功能
Mar 22 Javascript
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
Vue的移动端多图上传插件vue-easy-uploader的示例代码
Nov 27 Javascript
完美解决vue 中多个echarts图表自适应的问题
Jul 19 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
Aug 08 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
经典的PHPer为什么被认为是草根?
2007/04/02 PHP
php表单处理操作
2017/11/16 PHP
PHP工厂模式简单实现方法示例
2018/05/23 PHP
一端时间轮换的广告
2006/06/26 Javascript
javascript while语句和do while语句的区别分析
2007/12/08 Javascript
监控 url fragment变化的js代码
2010/04/19 Javascript
location.href语句与火狐不兼容的问题
2010/07/04 Javascript
前端开发必须知道的JS之原型和继承
2010/07/06 Javascript
Dom与浏览器兼容性说明
2010/10/25 Javascript
如何用js控制frame的隐藏或显示的解决办法
2013/03/20 Javascript
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法
2013/08/21 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
2014/05/11 Javascript
单元选择合并变色示例代码
2014/05/26 Javascript
node.js实现BigPipe详解
2014/12/05 Javascript
jQuery对象的链式操作用法分析
2016/05/10 Javascript
浅析javascript异步执行函数导致的变量变化问题解决思路
2016/05/13 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
2016/07/12 Javascript
Vue.js常用指令汇总(v-if、v-for等)
2016/11/03 Javascript
JavaScript中三个等号和两个等号你了解多少
2017/07/04 Javascript
详解Vue双向数据绑定原理解析
2017/09/11 Javascript
vue-router启用history模式下的开发及非根目录部署方法
2018/12/23 Javascript
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
2019/08/20 Javascript
js用正则表达式筛选年月日的实例方法
2021/01/04 Javascript
Python设计模式之观察者模式实例
2014/04/26 Python
Flask之flask-script模块使用
2018/07/26 Python
python实现flappy bird游戏
2018/12/24 Python
python Web flask 视图内容和模板实现代码
2019/08/23 Python
CSS3 分类菜单效果
2019/05/27 HTML / CSS
Otticanet美国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
极度干燥澳大利亚官方网站:Superdry澳大利亚
2019/03/28 全球购物
Urban Decay官方网站:美国化妆品品牌
2020/06/04 全球购物
小学国庆节活动方案
2014/02/11 职场文书
学习朴航瑛老师爱岗敬业先进事迹思想汇报
2014/09/17 职场文书
病危通知单
2015/04/17 职场文书
如何设计高效合理的MySQL查询语句
2021/05/26 MySQL
python分分钟绘制精美地图海报
2022/02/15 Python