文档章节

JQuery select控件的相关操作收集

深圳大道
 深圳大道
发布于 2016/12/29 15:39
字数 385
阅读 1
收藏 0
//JQuery获取和设置Select选项方法汇总如下:
//获取select
//先看看下面代码:
$("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发
var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text
var checkValue=$("#select_id").val();  //获取Select选择的Value
var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值
var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值
$("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中
$("#select_id ").val(4);   //设置Select的Value值为4的项选中
$("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中

//获取select 选中的 text :
$("#ddlRegType").find("option:selected").text();

//获取select选中的 value:
$("#nowamagic").val();

//获取select选中的索引:
$("#nowamagic").get(0).selectedIndex;

//设置select
//jQuery添加/删除Select的Option项:
$("#select_id").append("<option value='Value'>Text</option>");  //为Select追加一个Option(下拉项)
$("#select_id").prepend("<option value='0'>请选择</option>");  //为Select插入一个Option(第一个位置)
$("#select_id option:last").remove();  //删除Select中索引值最大Option(最后一个)
$("#select_id option[index='0']").remove();  //删除Select中索引值为0的Option(第一个)
$("#select_id option[value='3']").remove();  //删除Select中Value='3'的Option
$("#select_id option[text='4']").remove();  //删除Select中Text='4'的Option
//设置select 选中的索引:

//index为索引值
$("#nowamagic").get(0).selectedIndex=index;

//设置select 选中的value:
$("#nowamagic").attr("value","Normal");
$("#nowamagic").val("Normal");
$("#nowamagic").get(0).value = value;

//设置select 选中的text:
var count=$("#nowamagicoption").length;

  for(var i=0;i<count;i++) 
  {           
    if($("#nowamagic").get(0).options[i].text == text) 
       { 
            $("#nowamagic").get(0).options[i].selected = true; 
            break; 
       } 
  }

//清空 select:
$("#nowamagic").empty();

本文转载自:http://blog.csdn.net/smartsmile2012/article/details/8473265

深圳大道
粉丝 3
博文 877
码字总数 0
作品 0
深圳
架构师
私信 提问
jquery常用的插件1000收集

花N长时间积累的Jquery插件,希望大家喜欢。大家还有什么新的插件,请留言,我们一并收录。 感谢大家的支持。 1.accordion类 基于jQuery开发,非常简单的水平方向折叠控件。 Horizontal acc...

Alic
2011/03/07
9.3K
6
24个漂亮的个性化HTML表单技术

COMSHARP CMS 写道 "HTML表单对象在不同浏览器渲染方式并不一致,尽管一些对象,如textbox和textarea可以通过CSS在不同浏览器获得一致的外观,其它多 数无法通过CSS 控制外观的对象在有些浏览...

红薯
2009/04/19
4.7K
1
搜索答案之-jquery MultiSelect 答案搜索历程

Jquery MultiSelect 这个多选下拉框控件,相信很多人都用过。 最近项目中要用到,于是到网上下载下来,发现兼容性好,操作方便。 1.相比于 dropdown select list ,对ie6兼容性更好,体现在对...

shengfuqiang
2018/06/29
0
0
jQuery ajax - serialize()方法以及常见问题

使用ajax时,常常需要拼装input数据为'name=abc&sex=1'这种形式,用JQuery的serialize方法可以轻松的完成这个工作! jQuery ajax - serialize() 方法定义和用法 serialize() 方法通过序列化表...

freedonn
2014/05/10
897
0
jquery form元素操作

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("o......

remainvitality
2013/10/25
108
0

没有更多内容

加载失败,请刷新页面

加载更多

一起来学Java8(三)——方法引用

在一起来学Java8(一)——函数式编程中有一个简单的函数式编程的例子: import java.util.function.Consumer;class Person { public static void sayHello(String name) { S...

猿敲月下码
20分钟前
9
0
读书笔记:深入理解ES6(十一)

第十一章 Promise与异步编程   Promise可以实现其他语言中类似Future和Deferred一样的功能,是另一种异步编程的选择,它既可以像事件和回调函数一样指定稍后执行的代码,也可以明确指示代码...

张森ZS
43分钟前
16
0
面试官,Java8 JVM内存结构变了,永久代到元空间

在文章《JVM之内存结构详解》中我们描述了Java7以前的JVM内存结构,但在Java8和以后版本中JVM的内存结构慢慢发生了变化。作为面试官如果你还不知道,那么面试过程中是不是有些露怯?作为面试...

程序新视界
51分钟前
28
0
Elasticsearch 实战(一) - 简介

官腔 Elasticsearch,分布式,高性能,高可用,可伸缩的搜索和分析系统 基本等于没说,咱们慢慢看 1 概述 百度:我们比如说想找寻任何的信息的时候,就会上百度去搜索一下,比如说找一部自己喜...

JavaEdge
56分钟前
22
0
【jQuery基础学习】11 jQuery性能简单优化

本文转载于:专业的前端网站➦【jQuery基础学习】11 jQuery性能简单优化 关于性能优化 合适的选择器 $("#id")会直接调用底层方法,所以这是最快的。如果这样不能直接找到,也可以用find方法继...

前端老手
今天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部