JQuery给元素添加/删除节点比如select


Posted in Javascript onApril 02, 2013

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();
Javascript 相关文章推荐
url 特殊字符 传递参数解决方法
Jan 01 Javascript
js预载入和JavaScript Image()对象使用介绍
Aug 28 Javascript
jQuery设置指定网页元素宽度和高度的方法
Mar 25 Javascript
js实现的黑背景灰色二级导航菜单效果代码
Aug 24 Javascript
实例讲解jquery与json的结合
Jan 07 Javascript
jQuery插件编写步骤详解
Jun 03 Javascript
jQuery中 bind的用法简单介绍
Feb 13 Javascript
JS从非数组对象转数组的方法小结
Mar 26 Javascript
vue内置指令详解
Apr 03 Javascript
关于Layui Table隐藏列问题
Sep 16 Javascript
小程序实现简单语音聊天的示例代码
Jul 24 Javascript
VUE+Element实现增删改查的示例源码
Nov 23 Vue.js
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
Apr 02 #Javascript
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
Apr 02 #Javascript
关于extjs treepanel复选框选中父节点与子节点的问题
Apr 02 #Javascript
extjs tabpanel限制选项卡数量实现思路及代码
Apr 02 #Javascript
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
Apr 02 #Javascript
Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)
Apr 02 #Javascript
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
Apr 02 #Javascript
You might like
信用卡效验程序
2006/10/09 PHP
LotusPhp笔记之:Cookie组件的使用详解
2013/05/06 PHP
PHP的curl实现get,post和cookie(实例介绍)
2013/06/17 PHP
XAMPP安装与使用方法详细解析
2013/11/27 PHP
详解EventDispatcher事件分发组件
2016/12/25 PHP
ECMAScript 创建自己的js类库
2012/11/22 Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
2014/01/14 Javascript
jquery实现input输入框实时输入触发事件代码
2014/01/28 Javascript
减少访问DOM的次数提升javascript性能
2014/02/24 Javascript
javascript模拟枚举的简单实例
2014/03/06 Javascript
jQuery实现平滑滚动的标签分栏切换效果
2015/08/28 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
2016/12/17 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
2017/04/21 jQuery
vue2实现数据请求显示loading图
2017/11/28 Javascript
在Node.js下运用MQTT协议实现即时通讯及离线推送的方法
2019/01/24 Javascript
JavaScript中0、空字符串、'0'是true还是false的知识点分享
2019/09/16 Javascript
vue-cli3中配置alias和打包加hash值操作
2020/09/04 Javascript
python批量生成本地ip地址的方法
2015/03/23 Python
Python3 JSON编码解码方法详解
2019/09/06 Python
Python下应用opencv 实现人脸检测功能
2019/10/24 Python
python cookie反爬处理的实现
2020/11/01 Python
佐卡伊官网:中国知名珠宝品牌
2017/02/05 全球购物
药品采购员岗位职责
2014/02/08 职场文书
大学军训感言400字
2014/03/11 职场文书
幼教求职信
2014/03/12 职场文书
通用自荐信范文
2014/03/14 职场文书
团购业务员岗位职责
2014/03/15 职场文书
学雷锋树新风演讲稿
2014/05/10 职场文书
教师党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
党员个人剖析材料(四风问题)
2014/10/07 职场文书
2014年个人师德工作总结
2014/12/04 职场文书
2015年教师节演讲稿范文
2015/03/19 职场文书
2016年中学植树节活动总结
2016/03/16 职场文书
《悲惨世界》:比天空更广阔的是人的心灵
2020/01/16 职场文书
redis 限制内存使用大小的实现
2021/05/08 Redis
Sql Server 行数据的某列值想作为字段列显示的方法
2022/04/20 SQL Server