利用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 表格分页等操作实现代码(pagedown,pageup)
Apr 11 Javascript
你必须知道的Javascript知识点之&quot;深入理解作用域链&quot;的介绍
Apr 23 Javascript
jquery果冻抖动效果实现方法
Jan 15 Javascript
AngularJS表单编辑提交功能实例
Feb 13 Javascript
jQuery实现自定义右键菜单的树状菜单效果
Sep 02 Javascript
JS实现兼容性好,自动置顶的淘宝悬浮工具栏效果
Sep 18 Javascript
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
Aug 17 Javascript
vue.js实现的幻灯片功能示例
Jan 18 Javascript
vue控制多行文字展开收起的实现示例
Oct 11 Javascript
js仿淘宝放大镜效果
Dec 28 Javascript
vue中watch的用法汇总
Dec 28 Vue.js
Vue详细的入门笔记
May 10 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 ignore_user_abort与register_shutdown_function 使用方法
2009/06/14 PHP
PHP中substr()与explode()函数用法分析
2014/11/24 PHP
深入浅析php json 格式控制
2015/12/24 PHP
Yii2 rbac权限控制之菜单menu实例教程
2016/04/28 PHP
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
2013/04/26 Javascript
jquery实现动态菜单的实例代码
2013/11/28 Javascript
Angularjs自定义指令Directive详解
2017/05/27 Javascript
详解vue中引入stylus及报错解决方法
2017/09/22 Javascript
浅谈Node Inspector 代理实现
2017/10/19 Javascript
利用vue开发一个所谓的数独方法实例
2017/12/21 Javascript
JS实现的新闻列表自动滚动效果示例
2019/01/30 Javascript
详解微信小程序文件下载--视频和图片
2019/04/24 Javascript
js实现简单的打印表格
2020/01/15 Javascript
基于JavaScript实现控制下拉列表
2020/05/08 Javascript
jQuery实现简单QQ聊天框
2020/08/27 jQuery
详解vue-router的导航钩子(导航守卫)
2020/11/02 Javascript
[06:38]DOTA2怒掀电竞风暴 2013Chinajoy
2013/07/27 DOTA
[13:18]《一刀刀一天》之DOTA全时刻21:详解TI新赛制 A队再露獠牙
2014/06/24 DOTA
王纯业的Python学习笔记 下载
2007/02/10 Python
利用soaplib搭建webservice详细步骤和实例代码
2013/11/20 Python
python控制台中实现进度条功能
2015/11/10 Python
Python遍历pandas数据方法总结
2018/02/09 Python
使用python os模块复制文件到指定文件夹的方法
2019/08/22 Python
Django stark组件使用及原理详解
2019/08/22 Python
Python shutil模块用法实例分析
2019/10/02 Python
python 解决mysql where in 对列表(list,,array)问题
2020/06/06 Python
Python实现迪杰斯特拉算法过程解析
2020/09/18 Python
Python实现简单的猜单词小游戏
2020/10/28 Python
HTML5 Canvas实现玫瑰曲线和心形图案的代码实例
2014/04/10 HTML / CSS
JavaScript获取当前url根目录(路径)
2014/02/19 面试题
节水倡议书
2015/01/19 职场文书
2015年计生协会工作总结
2015/04/24 职场文书
淮海战役观后感
2015/06/11 职场文书
青年教师听课心得体会
2016/01/15 职场文书
教你使用Pandas直接核算Excel中快递费用
2021/05/12 Python
go goth封装第三方认证库示例详解
2022/08/14 Golang