利用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中的location用法简单介绍
Mar 07 Javascript
jQuery Dialog 弹出层对话框插件
Aug 09 Javascript
js change,propertychange,input事件小议
Dec 20 Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
Nov 06 Javascript
js控制鼠标事件移动及移出效果显示
Oct 19 Javascript
Vue.JS入门教程之处理表单
Dec 01 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
Oct 25 Javascript
彻底揭秘keep-alive原理(小结)
May 05 Javascript
使用 Vue 实现一个虚拟列表的方法
Aug 20 Javascript
浅谈Vue.use到底是什么鬼
Jan 21 Javascript
在js文件中引入(调用)另一个js文件的三种方法
Sep 11 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 laravel中的多对多关系实例详解
2017/06/07 PHP
PHP微信发送推送消息乱码的解决方法
2019/02/28 PHP
laravel 解决Validator使用中出现的问题
2019/10/25 PHP
jquery中ajax学习笔记3
2011/10/16 Javascript
提高javascript效率 一次判断,而不要次次判断
2012/03/30 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
2014/02/04 Javascript
director.js实现前端路由使用实例
2015/02/03 Javascript
javascript实现禁止鼠标滚轮事件
2015/07/24 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
2016/03/23 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
2016/06/01 Javascript
JS使用正则实现去掉字符串左右空格的方法
2016/12/27 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
2017/05/17 Javascript
浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题
2017/09/02 Javascript
js实现文件上传功能 后台使用MultipartFile
2018/09/08 Javascript
js实现图片3D轮播效果
2019/09/21 Javascript
python虚拟环境 virtualenv的简单使用
2020/01/21 Javascript
[07:31]DOTA2卡尔工作室 英雄介绍主宰篇
2013/06/25 DOTA
Python运行的17个时新手常见错误小结
2012/08/07 Python
python写入xml文件的方法
2015/05/08 Python
python发送邮件功能实现代码
2016/07/15 Python
python类:class创建、数据方法属性及访问控制详解
2016/07/25 Python
Python网络编程之TCP与UDP协议套接字用法示例
2018/02/02 Python
通过python的matplotlib包将Tensorflow数据进行可视化的方法
2019/01/09 Python
Python在cmd上打印彩色文字实现过程详解
2019/08/07 Python
django项目中使用手机号登录的实例代码
2019/08/15 Python
TensorFlow Saver:保存和读取模型参数.ckpt实例
2020/02/10 Python
css3旋转木马_动力节点Java学院整理
2017/07/12 HTML / CSS
h5调用摄像头的实现方法
2016/06/01 HTML / CSS
如何防止同一个帐户被多人同时登录
2013/08/01 面试题
中学生运动会口号
2014/06/07 职场文书
2014年保洁工作总结
2014/11/24 职场文书
建国大业观后感600字
2015/06/01 职场文书
工作会议简报
2015/07/20 职场文书
汉语拼音教学反思
2016/02/22 职场文书
Redis持久化与主从复制的实践
2021/04/27 Redis
Windows server 2012搭建FTP服务器
2022/04/29 Servers