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 相关文章推荐
jQuery 隔行换色 支持键盘上下键,按Enter选定值
Aug 02 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
Jul 02 Javascript
JavaScript中使用Object.create()创建对象介绍
Dec 30 Javascript
JS实现控制表格行文本对齐的方法
Mar 30 Javascript
JavaScript中的small()方法使用详解
Jun 08 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
Aug 19 Javascript
JS实现的不规则TAB选项卡效果代码
Sep 18 Javascript
jquery实现图片列表鼠标移入微动
Dec 01 Javascript
微信小程序getPhoneNumber获取用户手机号
Sep 29 Javascript
对angularJs中$sce服务安全显示html文本的实例
Sep 30 Javascript
如何在vue里面优雅的解决跨域(路由冲突问题)
Jan 20 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
Nov 10 Javascript
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
PHP程序员编程注意事项
2008/04/10 PHP
php下使用strpos需要注意 === 运算符
2010/07/17 PHP
linux系统下php安装mbstring扩展的二种方法
2014/01/20 PHP
php die()与exit()的区别实例详解
2016/12/03 PHP
PHP 加密 Password Hashing API基础知识点
2020/03/02 PHP
一直复略了的一个问题,关于表单重复提交
2007/02/15 Javascript
zeroclipboard复制到剪切板的flash
2010/08/04 Javascript
浅说js变量
2011/05/25 Javascript
js函数的引用, 关于内存的开销
2012/09/17 Javascript
js实现将选中值累加到文本框的方法
2015/08/12 Javascript
Bootstrap轮播插件使用代码
2016/10/11 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
2016/12/25 Javascript
Node.js中看JavaScript的引用
2017/04/22 Javascript
JS通过调用微信API实现微信支付功能的方法示例
2017/06/29 Javascript
react-native 封装选择弹出框示例(试用ios&amp;android)
2017/07/11 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
2017/07/27 Javascript
webpack v4 从dev到prd的方法
2018/04/02 Javascript
微信小程序自定义底部弹出框
2020/11/16 Javascript
vue路由中前进后退的一些事儿
2019/05/18 Javascript
Vue filter 过滤当前时间 实现实时更新效果
2019/12/20 Javascript
浏览器JavaScript调试功能无法使用解决方案
2020/09/18 Javascript
ubuntu安装mysql pycharm sublime
2018/02/20 Python
python skimage 连通性区域检测方法
2018/06/21 Python
Python3爬虫学习之爬虫利器Beautiful Soup用法分析
2018/12/12 Python
Python Flask框架扩展操作示例
2019/05/03 Python
Django项目中实现使用qq第三方登录功能
2019/08/13 Python
python中加背景音乐如何操作
2020/07/19 Python
浅析border-radius如何兼容IE
2016/04/19 HTML / CSS
如何写一个自定义标签
2012/12/28 面试题
外联部演讲稿
2014/05/24 职场文书
医学生求职自荐书
2014/06/12 职场文书
课外科技活动总结
2014/08/27 职场文书
计生办班子群众路线教育实践活动个人对照检查材料思想汇报
2014/10/04 职场文书
个人借条范本
2015/05/25 职场文书
Windows Server 2019 域控制器安装图文教程
2022/04/28 Servers
Mysql表数据比较大情况下修改添加字段的方法实例
2022/06/28 MySQL