利用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 相关文章推荐
给html超链接设置事件不使用href来完成跳
Apr 20 Javascript
显示今天的日期js代码(阳历和农历)
Sep 30 Javascript
JavaScript字符串对象的concat方法实例(用于连接两个或多个字符串)
Oct 16 Javascript
js为什么不能正确处理小数运算?
Dec 29 Javascript
AngularJS优雅的自定义指令
Jul 01 Javascript
Javascript动画效果(1)
Oct 11 Javascript
Angular.JS通过指令操作DOM的方法
May 10 Javascript
checkbox:click事件触发span元素内容改变的方法
Sep 11 Javascript
vue使用jsonp抓取qq音乐数据的方法
Jun 21 Javascript
JS解析后台返回的JSON格式数据实例
Aug 06 Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
Nov 15 Javascript
express 项目分层实践详解
Dec 10 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
浅谈电磁辐射对健康的影响
2021/03/01 无线电
全局记录程序片段的运行时间 正确找到程序逻辑耗时多的断点
2011/01/06 PHP
destoon实现资讯信息前面调用它所属分类的方法
2014/07/15 PHP
php 无限分类 树形数据格式化代码
2016/10/11 PHP
PHP fprintf()函数用法讲解
2019/02/16 PHP
js null undefined 空区别说明
2010/06/13 Javascript
使用隐藏的new来创建对象
2011/03/29 Javascript
Fastest way to build an HTML string(拼装html字符串的最快方法)
2011/08/20 Javascript
在JavaScript中typeof的用途介绍
2013/04/11 Javascript
javascript实现信息的显示和隐藏如注册页面
2013/12/03 Javascript
javascript顺序加载图片的方法
2015/07/18 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
2015/10/14 Javascript
原生js实现ajax方法(超简单)
2016/09/20 Javascript
JavaScript和jQuery制作光棒效果
2017/02/24 Javascript
详解angularJs指令的3种绑定策略
2017/04/13 Javascript
gulp解决跨域的配置文件问题
2017/06/08 Javascript
js canvas实现写字动画效果
2018/11/30 Javascript
详解关于webpack多入口热加载很慢的原因
2019/04/24 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
2019/11/26 Javascript
nuxt 每个页面head标签内容设置方式
2020/11/05 Javascript
[02:28]PWL开团时刻DAY3——Ink Ice与DeMonsTer之间的勾心斗角
2020/11/03 DOTA
[47:52]完美世界DOTA2联赛PWL S2 PXG vs InkIce 第二场 11.26
2020/11/30 DOTA
Python函数定义及传参方式详解(4种)
2019/03/18 Python
flask/django 动态查询表结构相同表名不同数据的Model实现方法
2019/08/29 Python
Keras实现将两个模型连接到一起
2020/05/23 Python
Python连接HDFS实现文件上传下载及Pandas转换文本文件到CSV操作
2020/06/06 Python
详解numpy.ndarray.reshape()函数的参数问题
2020/10/13 Python
canvas学习笔记之2d画布基础的实现
2019/02/21 HTML / CSS
Spartoo英国:欧洲最大的网上鞋店
2016/09/13 全球购物
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
星级党支部申报材料
2014/05/31 职场文书
物业公司的岗位任命书
2014/06/06 职场文书
争做文明公民倡议书
2014/08/29 职场文书
团代会开幕词
2015/01/28 职场文书
2019让人心动的商业计划书
2019/06/27 职场文书
用 Python 元类的特性实现 ORM 框架
2021/05/19 Python