1. <body>
  2.     <select name="month" id="selMonth" onchange="set()">
  3.         <option value="">一月</option>
  4.         <option value="">二月</option>
  5.         <option value="">三月</option>
  6.         <option value="">四月</option>
  7.     </select>
  8.     <script type="text/javascript">
  9.     function set(){
  10.         $("#selMonth").text();      //获取select所有文本值
  11.         $("#selMonth").find("option:selected").text();      //获取select选中的文本值
  12.         $("#selMonth").val();      //获取select选中的value
  13.         $("#selMonth")[].selectedIndex;      //获取select选中的index
  14.         //或$("#selMonth").get(0).selectedIndex;
  15.     }
  16.     </script>
  17. </body>

一：javascript原生方法

　　1：拿到select对象： var  myselect=document.getElementById("test");

　　2：拿到选中项的索引：var index=myselect.selectedIndex ;             // selectedIndex代表的是你所选中项的index

　　3：拿到选中项options的value：  myselect.options[index].value;

　　4：拿到选中项options的text：  myselect.options[index].text;

二：jquery方法

　　1：var options=$("#test option:selected");  //获取选中的项

　　2：alert(options.val());   //拿到选中项的值

　　3：alert(options.text());   //拿到选中项的文本

　　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().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的项选中

  1.     $("#ddlRegType ").attr("value","Normal“);

  2.     $("#ddlRegType ").val("Normal");
  3.     $("#ddlRegType ").get().value = value;

　　3. $("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中，或：

  1. var count=$("#ddlRegType option").length;
  2. for(var i=;i<count;i++){
  3.     if($("#ddlRegType ").get().options[i].text == text){
  4.         $("#ddlRegType ").get().options[i].selected = true;
  5.         break;
  6.     }
  7. }

　　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

　　清空 Select：$("#ddlRegType ").empty();

三、常用的选择的操作：

  1. $("document").ready(function(){
  2.         $("#btn1").click(function(){
  3.             $("[type='checkbox']").attr("checked",'true');//全选
  4.         })
  5.         $("#btn2").click(function(){
  6.             $("[type='checkbox']").removeAttr("checked");//取消全选
  7.         })
  8.         $("#btn3").click(function(){
  9.             $("[type='checkbox']:even").attr("checked",'true');//选中所有奇数
  10.         })
  11.         $("#btn4").click(function(){
  12.             $("[type='checkbox']").each(function(){//反选
  13.                 if($(this).attr("checked")){
  14.                     $(this).removeAttr("checked");
  15.                 }else{
  16.                     $(this).attr("checked",'true');
  17.                 }
  18.             })
  19.         })
  20.         $("#btn5").click(function(){//输出选中的值
  21.             var str="";
  22.             $("[type='checkbox'][checked]").each(function(){
  23.                 str+=$(this).val()+"\r\n";
  24.             })
  25.             alert(str);
  26.         })
  27.     })

jquery获得select option的值和对select option的操作的更多相关文章

  1. jquery获得select option的值 和对select option的操作

    jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").change(function(){//code...});   //为Se ...

  2. jquery获得select option的值 和对select option的操作【转藏】

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

  3. select 获取选中option的值方法，选中option方法

    options=$("#Select option:selected"); options.attr('name');options.val(); options.text(); ...

  4. Jquery操作select,左右移动,双击移动 取到所有option的值

    $(function () { function MoveItem(fromId, toId) { $("#" + fromId + " option:selected& ...

  5. jQuery获取Radio选择的Value值||两个select之间option的互相添加操作(jquery实现)

    jQuery获取Radio选择的Value值: 1. $("input[name='radio_name'][checked]").val();  //选择被选中Radio的Val ...

  6. jquery获得option的值和对option进行操作

    Query获取Select元素,并选择的Text和Value: $("#select_id").change(function(){//code...}); //为Select添加 ...

  7. jquery获得option的值和对option进行操作 作者： 字体：[增加 减小] 类型：转载 时间：2013-12-13 我要评论

    jquery获得option的值和对option进行操作 作者: 字体:[增加 减小] 类型:转载 时间:2013-12-13我要评论 本文为大家介绍下jquery获得option的值和对option ...

  8. jquery获得option的值(示例)

    jquery获得option的值和对option的操作. jQuery获取Select元素,并选择的Text和Value: 复制代码代码如下: $("#select_id").ch ...

  9. jquery新增，删除 ，修改，清空select中的option

    jQuery获取Select选择的Text和Value: 1. var checkText=jQuery("#select_id").find("option:selec ...

随机推荐

  1. VS15 openGL 编程指南 配置库 triangle例子

    最近去图书馆借了一本书<OpenGL编程指南(原书第八版)>,今天倒腾了一天才把第一个例子运行出来. 所以,给大家分享一下,希望能快速解决配置问题. 一.下载需要的库文件 首先,我们需要去 ...

  2. 大数据技术之_13_Azkaban学习_Azkaban(阿兹卡班)介绍 + Azkaban 安装部署 + Azkaban 实战

    一 概述1.1 为什么需要工作流调度系统1.2 常见工作流调度系统1.3 各种调度工具特性对比1.4 Azkaban 与 Oozie 对比二 Azkaban(阿兹卡班) 介绍三 Azkaban 安装部 ...

  3. HTML基础-DAY2

    表单标签form 功能:表单用于向服务器传输数据,从而实现用户与Web服务器的交互 表单能够包含input系列标签,比如文本字段.复选框.单选框.提交按钮等等. 表单还可以包含textarea.sel ...

  4. 转Google Protocol Buffer 的使用和原理

    Google Protocol Buffer 的使用和原理 Protocol Buffers 是一种轻便高效的结构化数据存储格式,可以用于结构化数据串行化,很适合做数据存储或 RPC 数据交换格式.它 ...

  5. [ 原创 ]学习笔记-Android 中关于Cursor类的介绍

    此博文转载自:http://www.cnblogs.com/TerryBlog/archive/2010/07/05/1771459.html 主讲Cursor的用法 使用过 SQLite 数据库的童 ...

  6. JAVA规范

    ---------------------------------------------------------- Web Service技术 --------------------------- ...

  7. （转）park1.0.0生态圈一览

    转自博客:http://www.tuicool.com/articles/FVBJBjN Spark1.0.0生态圈一览 Spark生态圈,也就是BDAS(伯克利数据分析栈),是伯克利APMLab实验 ...

  8. bzoj 1069

    最开始想到的是枚举3个点,另一个点用卡壳的思想,但实际上可以只枚举两个点(对角线上的两个点),其余两个点用卡壳. /****************************************** ...

  9. bzoj 1875: [SDOI2009]HH去散步 -- 矩阵乘法

    1875: [SDOI2009]HH去散步 Time Limit: 20 Sec  Memory Limit: 64 MB Description HH有个一成不变的习惯,喜欢饭后百步走.所谓百步走, ...

  10. python配置文件操作——configparser模块

    # -*- coding: utf-8 -*- ''' Version : Python27 Author : Spring God Date : 2012-4-26 Info : 配置文件ini所在 ...