利用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 checkbox全选/取消全选实现代码
Nov 14 Javascript
html+css+js实现xp window界面及有关功能
Mar 26 Javascript
鼠标拖动实现DIV排序示例代码
Oct 14 Javascript
js常用自定义公共函数汇总
Jan 15 Javascript
file控件选择上传文件确定后触发的js事件是哪个
Mar 17 Javascript
详解JavaScript编程中正则表达式的使用
Oct 25 Javascript
js实现商城星星评分的效果
Dec 29 Javascript
input框中的name和id的区别
Nov 16 Javascript
react-router4 嵌套路由的使用方法
Jul 24 Javascript
详解微信小程序之scroll-view的flex布局问题
Jan 16 Javascript
vue实现新闻展示页的步骤详解
Apr 11 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
Apr 22 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用GD库生成高质量的缩略图片
2011/03/09 PHP
PHP对象相关知识总结
2017/04/09 PHP
PHP memcache在微信公众平台的应用方法示例
2017/09/13 PHP
js实现兼容IE6与IE7的DIV高度
2010/05/13 Javascript
jQuery Validate初步体验(二)
2015/12/12 Javascript
JS两个数组比较,删除重复值的巧妙方法(推荐)
2016/06/03 Javascript
详解AngularJS如何实现跨域请求
2016/08/22 Javascript
Bootstrap基本样式学习笔记之图片(6)
2016/12/07 Javascript
vue2.0父子组件间通信的实现方法
2017/04/19 Javascript
详解react使用react-bootstrap当轮子造车
2017/08/15 Javascript
微信小程序progress组件使用详解
2018/01/31 Javascript
微信小程序实现列表下拉刷新上拉加载
2020/07/29 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
2019/04/29 Javascript
Python实现屏幕截图的代码及函数详解
2016/10/01 Python
python代码实现ID3决策树算法
2017/12/20 Python
python调用系统ffmpeg实现视频截图、http发送
2018/03/06 Python
Python返回数组/List长度的实例
2018/06/23 Python
Python多进程写入同一文件的方法
2019/01/14 Python
python飞机大战 pygame游戏创建快速入门详解
2019/12/17 Python
Python调用Windows API函数编写录音机和音乐播放器功能
2020/01/05 Python
tensorflow自定义激活函数实例
2020/02/04 Python
Python多线程实现支付模拟请求过程解析
2020/04/21 Python
python中可以声明变量类型吗
2020/06/18 Python
Python自动登录QQ的实现示例
2020/08/28 Python
HTML5实现文件断点续传的方法
2017/01/04 HTML / CSS
ivx平台开发之不用代码实现一个九宫格抽奖功能
2021/01/27 HTML / CSS
排序都有哪几种方法?请列举。用JAVA实现一个快速排序
2014/02/16 面试题
电子信息专业自荐书
2014/02/04 职场文书
高中军训第一天感言
2014/03/06 职场文书
高中生职业规划范文
2014/03/09 职场文书
青年志愿者先进事迹
2014/05/06 职场文书
信息管理专业自荐书
2014/06/05 职场文书
2015新年寄语(一句话)
2014/12/08 职场文书
院系推荐意见
2015/06/05 职场文书
安全主题班会教案
2015/08/12 职场文书
Navicat for MySQL的使用教程详解
2021/05/27 MySQL