jQueryDom——Select、Option

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=$("#select_id").val();   //获取Select选择的Value   
  4. var checkIndex=$("#select_id ").get(0).selectedIndex;   //获取Select选择的索引值  
  5. var maxIndex=$("#select_id option:last").attr("index");   //获取Select最大的索引值 jQuery设置Select选择的Text和Value:   

语法解释:


  1. $("#select_id ").get(0).selectedIndex=1;   //设置Select索引值为1的项选中   
  2. $("#select_id ").val(4);    //设置Select的Value值为4的项选中   
  3. $("#select_id option[text='jQuery']").attr("selected", true);    //设置Select的Text值为jQuery的项选中   
  4.  
  5.  

jQuery添加/删除Select的Option项:

语法解释:


  1. $("#select_id").append("<option value='Value'>Text</option>");   //为Select追加一个Option(下拉项)   
  2. $("#select_id").prepend("<option value='0'>请选择</option>");   //为Select插入一个Option(第一个位置)   
  3. $("#select_id option:last").remove();   //删除Select中索引值最大Option(最后一个)   
  4. $("#select_id option[index='0']").remove();   //删除Select中索引值为0的Option(第一个)   
  5. $("#select_id option[value='3']").remove();   //删除Select中Value='3'的Option   
  6. $("#select_id option[text='4']").remove();   //删除Select中Text='4'的Option  
时间: 2024-11-02 17:10:13

jQueryDom——Select、Option的相关文章

JQuery中对Select的option项的添加、删除、取值_jquery

jQuery获取Select选择的Text和Value: 复制代码 代码如下: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#select_id

js 操作select与option

 本篇文章主要是对js 操作select与option的示例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1.动态创建select   代码如下:      function createSelect(){   var mySelect = document.createElement_x("select");           mySelect.id = "mySelect";            document.body.appendChild

JS实现Select的option上下移动的方法_javascript技巧

本文实例讲述了JS实现Select的option上下移动的方法.分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function UpOrDown(direct, selectId) {//direct : 1:Up, -1:

JQuery动态添加Select的Option元素实现方法_jquery

如下所示: var selector=$('<select></select>'); for(var i=0;i<5;i++){ selector.append('<option value="'+i+'">'+i+'</option>'); } 以上这篇JQuery动态添加Select的Option元素实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持. 以上是小编为您精心准备的的内容,在的博客.问答

一个不被flash、select、activex遮挡的、跨frame的无限分级菜单

一个不被flash.select.activex遮挡的.跨frame的无限分级菜单 该菜单改良自著名的chromemenu,可以无限分级,使用方法: 1.添加主菜单项 找到类似下面代码的部分: 以下为引用的内容: <div class="chromestyle" id="chromemenu"><ul><li><a href="http://www.dynamicdrive.com">Home<

分页-select中option的selected属性的动态指定!!

问题描述 select中option的selected属性的动态指定!! 我现在有个select标签,下面有option选项,现在选择后要固定住,等于说提交数据后还是选中的选项.因为涉及到后面的一个分页展示,所以这个值要固定住. function mySel(obj){ //alert(obj.selectedIndex); //obj.selected="selected"; //obj.setAttribute("selected",true); var ind

火狐select的option不支持ondbonclick事件吗?

问题描述 火狐select的option不支持ondbonclick事件吗? 火狐select的option不支持ondbonclick事件吗?我在谷歌下是可以的,但是到了火狐就不行了,再说明下,这个select是之后新生成的元素,跟这点会不会有关系??? 解决方案 ondbonclick是什么,应该是ondbclick吧.

javascript-怎么给select的option加onclick事件

问题描述 怎么给select的option加onclick事件 select里面有一个change,但是对我现在有个需求是需要select里面option选项然后去生成什么,但是change有点麻烦,就是默认显示的第一个就是我想要的,这是总要点击其他再切换回来才能激发change事件,我想问option有没有类似click事件,这样我就可以直接点击选取了,不知道大家有没有明白我的用意,或者有其他做法都可以跟我说下,谢谢大家了~~ 解决方案 http://fins.iteye.com/blog/1

select、poll、epoll之间的区别总结

这个问题面试经常会被问道,赶紧总结一下 select.poll.epoll都是IO多路复用的机制,先是监听多个文件描述符FD,一旦某个FD就绪,就可以进行相应的读写操作.但是select.poll.epoll本质都是同步I/O,他们都需要在读写事件就绪之后自己负责读写,即这个读写过程是阻塞的 1 select/poll select缺点: [1]每次调用select都需要把fd从用户态拷贝到内核态,开销比较大 [2]每次都需要在内核遍历传入的fd [3]select支持文件数量比较小,默认是10