jQuery 操作下拉列表框实现代码


Posted in Javascript onFebruary 22, 2010

<select name="select1" id="select1" size="10">
<option value="1">Option1</option>
<option valeu="2">Option2</option>
<option value="3">Option3</option>
<option value="4">Option4</option>
</select>

1. 取得jQuery对象
obj = $('#select1');

2. 取得Options 的长度
len = $('#select1 option').length

3. 遍历option
for (var i = 0; i < len; i++) {
option_value = obj[0].options[i].value;
option_text = obj[0].options[i].text;
}

4. 取得所选值
obj_value = $('#select1').val();

5. 取得所选值对应的text
obj_text = obj[0].options[obj[0].selectedIndex].text;

6. 添加一个option
obj.append('<option value="5">Option5</option>');

7. 删除一个option
$('#select1 option[value="1"]').remove();

Javascript 相关文章推荐
一段多浏览器的&quot;复制到剪贴板&quot;javascript代码
Mar 27 Javascript
js的写法基础分析
Jan 17 Javascript
在父页面调用子页面的JS方法
Sep 29 Javascript
js获取select默认选中的Option并不是当前选中值
May 07 Javascript
JS+CSS实现鼠标滑过时动态翻滚的导航条效果
Sep 24 Javascript
JavaScript获取当前cpu使用率的方法
Dec 15 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
Jan 24 Javascript
JavaScript中双符号的运算详解
Mar 12 Javascript
angularJs的ng-class切换class
Jun 23 Javascript
快速将Vue项目升级到webpack3的方法步骤
Sep 14 Javascript
详解如何用VUE写一个多用模态框组件模版
Sep 27 Javascript
Vue 处理表单input单行文本框的实例代码
May 09 Javascript
JavaScript 编写匿名函数的几种方法
Feb 21 #Javascript
jquery 得到当前页面高度和宽度的两个函数
Feb 21 #Javascript
jquery validator 插件增加日期比较方法
Feb 21 #Javascript
javascript 定义新对象方法
Feb 20 #Javascript
Jquery乱码的一次解决过程 图解教程
Feb 20 #Javascript
JavaScript CSS修改学习第六章 拖拽
Feb 19 #Javascript
JavaScript CSS修改学习第五章 给“上传”添加样式
Feb 19 #Javascript
You might like
Apache, PHP在Windows 9x/NT下的安装与配置 (一)
2006/10/09 PHP
基于PHP的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
Yii 快速,安全,专业的PHP框架
2014/09/03 PHP
php使用Jpgraph绘制简单X-Y坐标图的方法
2015/06/10 PHP
php函数mkdir实现递归创建层级目录
2016/10/27 PHP
详解Yii2 定制表单输入字段的标签和样式
2017/01/04 PHP
使用 PHP Masked Package 屏蔽敏感数据的实现方法
2019/10/15 PHP
javascript来定义类的规范小结
2010/11/19 Javascript
Javascript创建自定义对象 创建Object实例添加属性和方法
2012/06/04 Javascript
基于JavaScript自定义构造函数的详解说明
2013/04/24 Javascript
A标签触发onclick事件而不跳转的多种解决方法
2013/06/27 Javascript
JavaScript实现显示函数调用堆栈的方法
2016/04/21 Javascript
Vue 2.0+Vue-router构建一个简单的单页应用(附源码)
2017/03/14 Javascript
Node.js 实现简单的接口服务器的实例代码
2017/05/23 Javascript
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
Vue实现图书管理案例
2021/01/20 Vue.js
Python的一些用法分享
2012/10/07 Python
Python脚本实现虾米网签到功能
2016/04/12 Python
说一说Python logging
2016/04/15 Python
Python文件监听工具pyinotify与watchdog实例
2018/10/15 Python
Python爬虫实现验证码登录代码实例
2019/05/10 Python
用python生成与调用cntk模型代码演示方法
2019/08/26 Python
python集合常见运算案例解析
2019/10/17 Python
Python SSL证书验证问题解决方案
2020/01/13 Python
scrapy框架携带cookie访问淘宝购物车功能的实现代码
2020/07/07 Python
Python开发.exe小工具的详细步骤
2021/01/27 Python
舞会礼服和舞会鞋:PromGirl
2019/04/22 全球购物
迪士尼法国在线商店:shopDisney FR
2020/12/03 全球购物
上海中网科技笔试题
2012/02/19 面试题
测量实习生自我鉴定
2013/09/19 职场文书
部队领导证婚词
2014/01/12 职场文书
八荣八耻演讲稿
2014/09/15 职场文书
通知函的格式
2015/04/27 职场文书
地球上的星星观后感
2015/06/02 职场文书
工作感言一句话
2015/08/01 职场文书
postgresql之greenplum字符串去重拼接方式
2023/05/08 PostgreSQL