jquery操作select option 的代码小结


Posted in Javascript onJune 21, 2011

1、获取选中select的value和text,html代码如下:

<select id="mySelect"> 
<option value="1">one</option> 
<option value="2">two</option> 
<option value="3">three</option> 
</select>

则可通过以下script代码s来获取选中的value和text
$("#mySelect").val(); //获取选中记录的value值 
$("#mySelect option:selected").text(); //获取选中记录的text值

2、运用new Option("文本","值")方法添加选项option
var obj = document.getElementById("mySelect"); 
obj.add(new Option("4","4"));

3、删除所有选项option
var obj = document.getElementById("mySelect"); 
obj.options.length = 0;

4、删除选中选项option
var obj = document.getElementById("mySelect"); 
var index = obj.selectedIndex; 
obj.options.remove(index);

5、修改选中选项option
var obj = document.getElementById("mySelect"); 
var index = obj.selectedIndex; 
obj.options[index] = new Option("three",3); //更改对应的值 
obj.options[index].selected = true; //保持选中状态

6、删除select
var obj = document.getElementById("mySelect"); 
obj.parentNode.removeChild(obj); //移除当前对象

7、select选择的响应事件
$("#mySelect").change(function(){ 
//添加所需要执行的操作代码 
})
Javascript 相关文章推荐
用js实现的抽象CSS圆角效果!!
May 03 Javascript
Js注册协议倒计时的小例子
Jun 24 Javascript
超链接的禁用属性Disabled使用示例
Jul 31 Javascript
jQuery实现鼠标悬停显示提示信息窗口的方法
Apr 30 Javascript
javaScript实现滚动新闻的方法
Jul 30 Javascript
jQuery获取checkboxlist的value值的方法
Sep 27 Javascript
js滚动条平滑移动示例代码
Mar 29 Javascript
jquery 动态增加,减少input表单的简单方法(必看)
Oct 12 Javascript
Webpack path与publicPath的区别详解
May 03 Javascript
layui富文本编辑器前端无法取值的解决方法
Sep 18 Javascript
JS实现动态星空背景效果
Nov 01 Javascript
JS实现简易留言板增删功能
Feb 08 Javascript
jquery随意添加移除html的实现代码
Jun 21 #Javascript
基于Jquery实现表格动态分页实现代码
Jun 21 #Javascript
基于jquery实现的表格分页实现代码
Jun 21 #Javascript
jquery异步请求实例代码
Jun 21 #Javascript
读jQuery之九 一些瑕疵说明
Jun 21 #Javascript
读jQuery之八 包装事件对象
Jun 21 #Javascript
读jQuery之七 判断点击了鼠标哪个键的代码
Jun 21 #Javascript
You might like
用ODBC的分页显示
2006/10/09 PHP
PHP 命令行工具 shell_exec, exec, passthru, system详细使用介绍
2011/09/11 PHP
微信公众号开发之文本消息自动回复php代码
2016/08/08 PHP
JavaScript 编程引入命名空间的方法
2007/06/29 Javascript
javascript中直接引用Microsoft的COM生成Word
2014/01/20 Javascript
js带前后翻页的图片切换效果代码分享
2015/09/08 Javascript
jquery实现九宫格大转盘抽奖
2015/11/13 Javascript
整理Javascript数组学习笔记
2015/11/29 Javascript
浅谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/27 Javascript
JavaScript 程序错误Cannot use 'in' operator to search的解决方法
2017/07/10 Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
2017/12/08 Javascript
关于redux-saga中take使用方法详解
2018/02/27 Javascript
vue移动UI框架滑动加载数据的方法
2018/03/12 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
2019/05/21 Javascript
Vue开发环境中修改端口号的实现方法
2019/08/15 Javascript
Electron 调用命令行(cmd)
2019/09/23 Javascript
基于javascript处理二进制图片流过程详解
2020/06/08 Javascript
详解Python中映射类型(字典)操作符的概念和使用
2015/08/19 Python
Python实现翻转数组功能示例
2018/01/12 Python
Python 给屏幕打印信息加上颜色的实现方法
2019/04/24 Python
python如何以表格形式打印输出的方法示例
2019/06/21 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
利用Python绘制有趣的万圣节南瓜怪效果
2019/10/31 Python
Python爬取爱奇艺电影信息代码实例
2019/11/26 Python
python 字段拆分详解
2019/12/17 Python
基于python+selenium的二次封装的实现
2020/01/06 Python
Pytorch模型转onnx模型实例
2020/01/15 Python
没编程基础可以学python吗
2020/06/17 Python
Expected conditions模块使用方法汇总代码解析
2020/08/13 Python
HTML5资源预加载(Link prefetch)详细介绍(给你的网页加速)
2014/05/07 HTML / CSS
老兵退伍标语
2014/10/07 职场文书
个人股份合作协议书
2014/10/24 职场文书
父亲节寄语大全
2015/02/27 职场文书
毕业感言怎么写
2015/07/31 职场文书
教师个人工作总结范文2015
2015/10/14 职场文书
Python中的matplotlib绘制百分比堆叠柱状图,并为每一个类别设置不同的填充图案
2022/04/20 Python