jQuery对Select的操作大集合(收藏)
1.jQuery添加/删除Select的Option项:
2.$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
3.$("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
4.$("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
5.$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
6.$("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
7.$("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option
8.$("#select_id").empty(); //清空select中的option
1.jQuery获取Select选择的Text和Value:
2.$("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发
3.var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
4.var checkValue=$("#select_id").val(); //获取Select选择的Value
5.var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
6.var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 jQuery设置Select选择的Text和Value:
相关推荐
-
Js操作Select大全(取值、设置选中等等)
jquery操作select(取值,设置选中) 每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector").val("pxx"); 2.设置text为pxx的项选中 $(".selector").find("option[tex
-
jQuery select的操作实现代码
//改變時的事件 复制代码 代码如下: $("#testSelect").change(function(){ //事件發生 jQuery('option:selected', this).each(function(){ //印出選到多個值 alert(this.value); }); }); //印出選到的項目 复制代码 代码如下: 法1:$("select#Clubs").children("[@selected]").each(funct
-
jQuery操作select的实例代码
select: 复制代码 代码如下: 夺得2008年欧洲杯冠军的国家是: <select name="nation" id="nation"> <option value="">请选择</option> <option value="Germany">德国</option> <option value="France">法国</o
-
jQuery select操作控制方法小结
需要注意的是,这里的代码好多是针对jquery 1.32以前的版本(以后的版本已经不支持@),所以替换为空测试下即可. jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected"
-
jQuery对Select的操作大集合(收藏)
1.jQuery添加/删除Select的Option项:2.$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) 3.$("#select_id").prepend("<option value='0'>请选择</option>"); //为Sele
-
Javascript Select操作大集合
其实这本书一直都在我的电脑里,只是没认真看过.一直没怎么很正式的学习过javascript,偶尔用到的时候就到网上找些代码,改吧改吧就用了,这次从头开始学起,细细看下来,还真是有不少收获,甚至有点喜欢上javascript了. 现在步入正题,看到书中讲Form元素的操作,像Textbox.Button.Label等,都还是比较简单的,只是看到Select时,稍微有些复杂,于是就想仔细研究研究,于是就有了这篇文章.Select的操作包括动态添加.删除.移动.获取选中项的值.排序等等,现在一一讲述.
-
jQuery 对Select的操作备忘记录
jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#selec
-
jQuery对表单的操作代码集合
改变文本框的获得焦点的样式 复制代码 代码如下: <form action="#" method="POST" id="regForm"> <fieldset> <legend>个人基本信息</legend> <div> <label for="username">名称:</label> <input id="username&
-
Jquery对select的增、删、改、查操作
逃不开传统的四种操作:增.删.改.查. <四处搜刮了jquery对select操作的代码,汇集一下,方便以后查看.日历天数变化代码为原创.> [增]: 复制代码 代码如下: $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) $("#select_id").prepend("&l
-
jquery Firefox3.5中操作select的问题
页面中有一个select元素,id为customer,在网上好多的介绍jquery引用select的选中值的方法都是用: 复制代码 代码如下: $("#customer option[selected]").val(); 这个方法来得到selcte选中项的值.我也是一直是这么用,不过最近安装了FF3.5正式版,发现这种方法在它下面得不到值,就去看jquery的帮助文档,在文档中对select选中的引用是用如下方法: 复制代码 代码如下: $("#customer option
-
jQuery针对各类元素操作基础教程
本文实例讲述了jQuery针对元素的操作,包括基础操作.选择要操作的元素及处理DOM元素等.对jQuery的学习有很好的借鉴价值.分享给大家供大家参考之用.具体分析如下: 1.基础 jquery对象集: $():jquery对象集合 获取jquery对象集中的元素: 使用索引获取包装器中的javascript元素: var temp = $('img[alt]')[0] 使用jquery的get方法获取jquery对象集中的javascript元素: var temp = $('img[alt]
-
浅谈jQuery 选择器和dom操作
浅谈jQuery 选择器和dom操作 JQuery选择器 1.基本选择器 基本选择器是JQuery中最常用的选择器,也是最简单的选择器,它通过元素id.class 和标签名来查找DOM元素.这个非常重要,下面的内容都是以此为基础,逐级提高的. 1)."$("#id")",获取id指定的元素,id是全局唯一的,所以它只有一个成员. 2)."$(".class")",获取class指定的元素,不同的元素可以具有相同的class属性
-
jquery获取select,option所有的value和text的实例
想想学习jQuery也有几天了,然后今天由于工作需要,我需要把select对应下的option所有的value和 text获取出来,然后拼接,导入到xml文件中,结果搞了一下午,终于搞出来了.下面是对应的代码: <body>中的代码是从别人的网站上复制过来的,我现在需要获取它的value和text,然后拼接成 <朝阳>7</朝阳>的形式 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//
-
详解jQuery中的DOM操作
大致介绍 jQuery作为JavaScript库,继承并发扬了JavaScript对DOM对象操作的特性,使开发人员能方便的操作DOM对象. jQuery中的DOM操作 看看DOM操作都有哪些 逐一来看 先写一份HTML代码,后面的代码将操作这份HTML代码 <p title="选择你最喜欢的水果">你最喜欢的水果?</p> <ul> <li title="苹果">苹果</li> <li title=
随机推荐
- JS代码的格式化和压缩
- Oracle date 和 timestamp 区别详解
- 关于SQL执行计划错误导致临时表空间不足的问题
- Json按某个键的值进行排序
- js实现图片在未加载完成前显示加载中字样
- php数组合并array_merge()函数使用注意事项
- 详解Python3中yield生成器的用法
- GO语言make()分配用法实例
- 一些mysql启动参数的说明和优化方法
- linux平台使用Python制作BT种子并获取BT种子信息的方法
- 浅谈jquery中next与siblings的区别
- JQuery 学习笔记 选择器之五
- 详解spring注解配置启动过程
- PHP+DBM的同学录程序(5)
- IDEA新建javaWeb以及Servlet简单实现小结
- JS定义函数的几种常用方法小结
- 对Python 简单串口收发GUI界面的实例详解
- python绘制双Y轴折线图以及单Y轴双变量柱状图的实例
- 对Django项目中的ORM映射与模糊查询的使用详解
- django多个APP的urls设置方法(views重复问题解决)