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:
相关推荐
-
jQuery select的操作实现代码
//改變時的事件 复制代码 代码如下: $("#testSelect").change(function(){ //事件發生 jQuery('option:selected', this).each(function(){ //印出選到多個值 alert(this.value); }); }); //印出選到的項目 复制代码 代码如下: 法1:$("select#Clubs").children("[@selected]").each(funct
-
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的实例代码
select: 复制代码 代码如下: 夺得2008年欧洲杯冠军的国家是: <select name="nation" id="nation"> <option value="">请选择</option> <option value="Germany">德国</option> <option value="France">法国</o
-
Js操作Select大全(取值、设置选中等等)
jquery操作select(取值,设置选中) 每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector").val("pxx"); 2.设置text为pxx的项选中 $(".selector").find("option[tex
-
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=
随机推荐
- Java利用WatchService监听文件变化示例
- 一张表搞清楚php is_null、empty、isset的区别
- 通过使用正确的search arguments来提高SQL Server数据库的性能
- MongoDB性能篇之创建索引,组合索引,唯一索引,删除索引和explain执行计划
- Javascript 获取LI里的内容
- 基于Ubuntu 16.04设置固定IP的方法教程
- ASP.NET 实现验证码以及刷新验证码的小例子
- Symfony控制层深入详解
- php flv视频时间获取函数
- 简介JavaScript中charAt()方法的使用
- Python 命令行非阻塞输入的小例子
- 浅谈python中set使用
- Android设计模式系列之组合模式
- Java中的Static class详解及实例代码
- JavaScript数据结构与算法之集合(Set)
- MySQL安全策略(MySQL安全注意事项)
- 深入Java对象的地址的使用分析
- jQuery实现dialog设置focus焦点的方法
- .torrent文件的打开软件
- 如何给Android中的按钮添加图片功能