利用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 相关文章推荐
理解Javascript_07_理解instanceof实现原理
Oct 15 Javascript
jQuery获取浏览器中的分辨率实现代码
Apr 23 Javascript
自动设置iframe大小的jQuery代码
Sep 11 Javascript
学习JavaScript编程语言的8张思维导图分享
Mar 27 Javascript
微信小程序 向左滑动删除功能的实现
Mar 10 Javascript
AngularJS中$http的交互问题
Mar 29 Javascript
vue监听滚动事件实现滚动监听
Apr 11 Javascript
小程序清理本地缓存的方法
Aug 17 Javascript
如何在Vue中使用CleaveJS格式化你的输入内容
Dec 14 Javascript
JS闭包经典实例详解
Dec 20 Javascript
vue组件系列之TagsInput详解
May 14 Javascript
在VUE中使用lodash的debounce和throttle操作
Nov 09 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垃圾回收机制简单说明
2010/07/22 PHP
PHP中call_user_func_array()函数的用法演示
2012/02/05 PHP
PHP MYSQL简易交互式站点开发
2016/12/27 PHP
PHP面相对象中的重载与重写
2017/02/13 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
2012/07/31 Javascript
js 获取、清空input type=&quot;file&quot;的值(示例代码)
2013/12/24 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
2015/09/18 Javascript
js中unicode转码方法详解
2015/10/09 Javascript
字符串反转_JavaScript
2016/04/28 Javascript
jQuery绑定事件-多种实现方式总结
2016/05/09 Javascript
Angular企业级开发——MVC之控制器详解
2017/02/20 Javascript
JavaScript Date对象应用实例分享
2017/10/30 Javascript
angular第三方包开发整理(小结)
2018/04/19 Javascript
JavaScript变量声明var,let.const及区别浅析
2018/04/23 Javascript
详解Vue开发微信H5微信分享签名失败问题解决方案
2018/08/09 Javascript
小程序绑定用户方案优化小结
2019/05/15 Javascript
jQuery 动态粒子效果示例代码
2020/07/07 jQuery
如何管理Vue中的缓存页面
2021/02/06 Vue.js
Python多线程下载文件的方法
2015/07/10 Python
利用numpy+matplotlib绘图的基本操作教程
2017/05/03 Python
Python文本特征抽取与向量化算法学习
2017/12/22 Python
Python3.5.3下配置opencv3.2.0的操作方法
2018/04/02 Python
Python计算机视觉里的IOU计算实例
2020/01/17 Python
python 子类调用父类的构造函数实例
2020/03/12 Python
Python模块常用四种安装方式
2020/10/20 Python
html5 利用canvas实现超级玛丽简单动画
2013/09/06 HTML / CSS
中专生自我鉴定书范文
2013/12/28 职场文书
自我评价是什么
2014/01/04 职场文书
应聘面试自我评价
2014/01/24 职场文书
幼儿园毕业家长感言
2014/02/10 职场文书
2014学校庆三八妇女节活动总结
2014/03/01 职场文书
党员个人党性分析材料
2014/12/18 职场文书
2015年人事科工作总结
2015/04/28 职场文书
在校大学生才艺比赛策划书怎么写?
2019/08/26 职场文书
SQLServer权限之只开启创建表权限
2022/04/12 SQL Server