JQuery给select添加/删除节点的实现代码


Posted in Javascript onApril 26, 2016

jQuery获取Select选择的Text和Value:

var checkText=jQuery("#select_id").find("option:selected").text(); //获取Select选择的Text
var checkValue=jQuery("#select_id").val(); //获取Select选择的option Value
var checkIndex=jQuery("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
var maxIndex=jQuery("#select_id option:last").attr("index"); //获取Select最大的索引值

jQuery添加/删除Select的Option项:
jQuery("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
jQuery("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
jQuery("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
jQuery("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
jQuery("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
jQuery("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

内容清空:
jQuery("#select_id").empty();

以上这篇JQuery给select添加/删除节点的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript this用法小结
Dec 19 Javascript
用 Javascript 验证表单(form)中多选框(checkbox)值
Sep 08 Javascript
改进版通过Json对象实现深复制的方法
Oct 24 Javascript
JS HTML5 音乐天气播放器(Ajax获取天气信息)
May 26 Javascript
JavaScript中的bold()方法使用详解
Jun 08 Javascript
关于javascript中限定时间内防止按钮重复点击的思路详解
Aug 16 Javascript
Javarscript中模块(module)、加载(load)与捆绑(bundle)详解
May 28 Javascript
Node.js readline 逐行读取、写入文件内容的示例
Mar 01 Javascript
angular4+百分比进度显示插件用法示例
May 05 Javascript
JS使用H5实现图片预览功能
Sep 30 Javascript
微信小程序返回上一级页面的实现代码
Jun 19 Javascript
vue组件开发之slider组件使用详解
Aug 21 Javascript
js计算时间差代码【包括计算,天,时,分,秒】
Apr 26 #Javascript
js 求时间差的实现代码
Apr 26 #Javascript
Bootstrap表单组件教程详解
Apr 26 #Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
Apr 26 #Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
Apr 26 #Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
Apr 26 #Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
Apr 26 #Javascript
You might like
php连接mysql数据库代码
2009/03/10 PHP
php实现的双向队列类实例
2014/09/24 PHP
windows中为php安装mongodb与memcache
2015/01/06 PHP
深入理解PHP内核(二)之SAPI探究
2015/11/10 PHP
tp5框架基于Ajax实现列表无刷新排序功能示例
2020/02/10 PHP
JavaScript之自定义类型
2012/05/04 Javascript
node.js中的fs.chownSync方法使用说明
2014/12/16 Javascript
js实现ifram取父窗口URL地址的方法
2015/02/09 Javascript
noty ? jQuery通知插件全面解析
2016/05/18 Javascript
AngularJS 应用身份认证的技巧总结
2016/11/07 Javascript
jQuery条件分页 代替离线查询(附代码)
2017/08/17 jQuery
electron实现静默打印的示例代码
2019/08/12 Javascript
vue 调用 RESTful风格接口操作
2020/08/11 Javascript
下载给定网页上图片的方法
2014/02/18 Python
Python爬虫之模拟知乎登录的方法教程
2017/05/25 Python
pycharm恢复默认设置或者是替换pycharm的解释器实例
2018/10/29 Python
解决Python中list里的中文输出到html模板里的问题
2018/12/17 Python
python 函数内部修改外部变量的方法
2018/12/18 Python
python 内置函数汇总详解
2019/09/16 Python
python ETL工具 pyetl
2020/06/07 Python
利用python对excel中一列的时间数据更改格式操作
2020/07/14 Python
django Model层常用验证器及自定义验证器详解
2020/07/15 Python
Python -m参数原理及使用方法解析
2020/08/21 Python
详解python os.path.exists判断文件或文件夹是否存在
2020/11/16 Python
Python爬取酷狗MP3音频的步骤
2021/02/26 Python
水产养殖学应届生求职信
2013/09/29 职场文书
二年级小学生评语
2014/04/21 职场文书
美食节策划方案
2014/05/26 职场文书
贷款委托书怎么写
2014/08/02 职场文书
学校师德师风整改措施
2014/10/27 职场文书
个人工作保证书
2015/02/28 职场文书
2015年法务工作总结范文
2015/05/23 职场文书
2016高三毕业赠言寄语
2015/12/04 职场文书
《桂花雨》教学反思
2016/02/19 职场文书
教你用Python写一个植物大战僵尸小游戏
2021/04/25 Python
python实现简单的聊天小程序
2021/07/07 Python