利用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 相关文章推荐
Prototype的Class.create函数解析
Sep 22 Javascript
jquery $.each 和for怎么跳出循环终止本次循环
Sep 27 Javascript
jQuery动画效果animate和scrollTop结合使用实例
Apr 02 Javascript
使用jQuery.wechat构建微信WEB应用
Oct 09 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
Dec 15 Javascript
基于jQuery实现动态搜索显示功能
May 05 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
Jul 22 Javascript
JavaScript与java语言有什么不同
Sep 22 Javascript
js提示框替代系统alert,自动关闭alert对话框的实现方法
Nov 07 Javascript
vue2 前后端分离项目ajax跨域session问题解决方法
Apr 27 Javascript
angularjs的单选框+ng-repeat的实现方法
Sep 12 Javascript
Element-ui tree组件自定义节点使用方法代码详解
Sep 17 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中使用mktime获取时间戳的一个黑色幽默分析
2012/05/31 PHP
PHP 将dataurl转成图片image方法总结
2016/10/14 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
JavaScript判断密码强度(自写代码)
2013/09/06 Javascript
jquery mobile事件多次绑定示例代码
2013/09/13 Javascript
js获取select选中的option的text示例代码
2013/12/19 Javascript
form.submit()不能提交表单的原因分析
2014/10/23 Javascript
javascript 面向对象封装与继承
2014/11/27 Javascript
node.js中的path.extname方法使用说明
2014/12/09 Javascript
JavaScript中的console.log()函数详细介绍
2014/12/29 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
JS制作手机端自适应缩放显示
2015/06/11 Javascript
jQuery实现返回顶部功能
2016/02/23 Javascript
jQuery实现遍历复选框的方法示例
2017/03/06 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
2017/05/22 Javascript
vue组件间通信子与父详解(二)
2017/11/07 Javascript
vue打包使用Nginx代理解决跨域问题
2018/08/27 Javascript
详解Angular模板引用变量及其作用域
2018/11/23 Javascript
nodejs微信开发之授权登录+获取用户信息
2019/03/17 NodeJs
[03:24]2014DOTA2国际邀请赛 神秘商店生意火爆
2014/07/18 DOTA
[01:32]TI珍贵瞬间系列(一)
2020/08/26 DOTA
python查询mysql中文乱码问题
2014/11/09 Python
Python对数据进行插值和下采样的方法
2018/07/03 Python
python Django里CSRF 对应策略详解
2019/08/05 Python
html5手机键盘弹出收起的处理
2020/01/20 HTML / CSS
什么是smarty? Smarty的优点是什么?
2013/08/11 面试题
机械专业应届生求职信
2013/12/12 职场文书
商场促销活动方案
2014/02/08 职场文书
大学学雷锋活动总结
2014/06/26 职场文书
超市仓管员岗位职责范本
2014/09/18 职场文书
学校纪律作风整改措施思想汇报
2014/10/11 职场文书
2014年度安全工作总结
2014/12/04 职场文书
办公室文员岗位职责
2015/02/04 职场文书
金正昆讲礼仪观后感
2015/06/11 职场文书
2015教师节通讯稿
2015/07/20 职场文书
导游词之新疆-喀纳斯
2019/10/10 职场文书