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中call()方法引发的对面向对象继承机制call的思考
Sep 12 Javascript
Ajax中解析Json的两种方法对比分析
Jun 25 Javascript
论Bootstrap3和Foundation5网格系统的异同
May 16 Javascript
bootstrap模态框垂直居中效果
Dec 03 Javascript
vue系列之动态路由详解【原创】
Sep 10 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
Oct 08 Javascript
vue webpack打包优化操作技巧
Feb 22 Javascript
vue router 配置路由的方法
Jul 26 Javascript
vue中promise的使用及异步请求数据的方法
Nov 08 Javascript
小程序云开发实现数据库异步操作同步化
May 18 Javascript
vue实现侧边栏导航效果
Oct 21 Javascript
原生JS与CSS实现软件卸载对话框功能
Dec 05 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开发需要注意的安全问题
2010/09/01 PHP
php中生成随机密码的自定义函数代码
2013/10/21 PHP
PHP代码优化之成员变量获取速度对比
2014/02/28 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
PHP基于迭代实现文件夹复制、删除、查看大小等操作的方法
2017/08/11 PHP
索趣科技的答案
2007/02/07 Javascript
window.location.hash 属性使用说明
2010/03/20 Javascript
点击页面其它地方隐藏该div的两种思路
2013/11/18 Javascript
原生javascript获取元素样式
2014/12/31 Javascript
JavaScript常用脚本汇总(三)
2015/03/04 Javascript
javascript制作2048游戏
2015/03/30 Javascript
包含中国城市的javascript对象实例
2015/08/03 Javascript
javascript实现label标签跳出循环操作
2016/03/06 Javascript
js方法数据验证的简单实例
2016/09/17 Javascript
微信小程序 Video API实例详解
2016/10/02 Javascript
React.js中常用的ES6写法总结(推荐)
2017/05/09 Javascript
微信小程序tabbar不显示解决办法
2017/06/08 Javascript
Vue学习笔记进阶篇之过渡状态详解
2017/07/14 Javascript
对于Javascript 执行上下文的全面了解
2017/09/05 Javascript
通过实例讲解JS如何防抖动
2019/06/15 Javascript
浅析vue中的provide / inject 有什么用处
2019/11/10 Javascript
微信小程序接入腾讯云验证码的方法步骤
2020/01/07 Javascript
Vue简单封装axios之解决post请求后端接收不到参数问题
2020/02/16 Javascript
[31:47]夜魇凡尔赛茶话会 第三期01:选手知多少
2021/03/11 DOTA
全面了解python字符串和字典
2016/07/07 Python
Python基于matplotlib实现绘制三维图形功能示例
2018/01/18 Python
python单例模式获取IP代理的方法详解
2018/09/13 Python
flask-restful使用总结
2018/12/04 Python
把JSON数据格式转换为Python的类对象方法详解(两种方法)
2019/06/04 Python
Python3离线安装Requests模块问题
2019/10/13 Python
Django 实现Admin自动填充当前用户的示例代码
2019/11/18 Python
python logging添加filter教程
2019/12/24 Python
MoviePy简介及Python视频剪辑自动化
2020/12/18 Python
纽约现代艺术博物馆商店:MoMA STORE(室内家具和杂货商品)
2016/08/02 全球购物
各营销点岗位职责范本
2014/03/05 职场文书
Python time库的时间时钟处理
2021/05/02 Python