<body>

    <select name="month" id="selMonth" onchange="set()">

        <option value="">一月</option>

        <option value="">二月</option>

        <option value="">三月</option>

        <option value="">四月</option>

    </select>

    <script type="text/javascript">

    function set(){

        $("#selMonth").text();      //获取select所有文本值

        $("#selMonth").find("option:selected").text();      //获取select选中的文本值

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

        $("#selMonth")[].selectedIndex;      //获取select选中的index

        //或$("#selMonth").get(0).selectedIndex;

    }

    </script>

</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:

. $("#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().selectedIndex;  //获取Select选择的索引值

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

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


    $("#ddlRegType ").val("Normal");

    $("#ddlRegType ").get().value = value;

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

var count=$("#ddlRegType option").length;

for(var i=;i<count;i++){

    if($("#ddlRegType ").get().options[i].text == text){

        $("#ddlRegType ").get().options[i].selected = true;

        break;

    }

}

　　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：$("#ddlRegType ").empty();

三、常用的选择的操作：

$("document").ready(function(){

        $("#btn1").click(function(){

            $("[type='checkbox']").attr("checked",'true');//全选

        })

        $("#btn2").click(function(){

            $("[type='checkbox']").removeAttr("checked");//取消全选

        })

        $("#btn3").click(function(){

            $("[type='checkbox']:even").attr("checked",'true');//选中所有奇数

        })

        $("#btn4").click(function(){

            $("[type='checkbox']").each(function(){//反选

                if($(this).attr("checked")){

                    $(this).removeAttr("checked");

                }else{

                    $(this).attr("checked",'true');

                }

            })

        })

        $("#btn5").click(function(){//输出选中的值

            var str="";

            $("[type='checkbox'][checked]").each(function(){

                str+=$(this).val()+"\r\n";

            })

            alert(str);

        })

    })

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. 正规表达式 转 NFA C++

    今天来为大家分享一个编译原理中用正规表达式转NFA的小程序 正规表达式就是类似正则一样的式子,例如:(a|b)*abb,最后应该转化为: 大致的处理流程为: 例子中的表达式:(a|b)*abb,|和* ...

  2. 选择 React Native 的理由

    转载:选择 React Native 的理由 从开始知道 React Native 到现在已经过了5个月,真实的试用也经历了三个月的时间.阅读文档开始,了解是什么,到简单的理解为什么,都是在聆听不同的 ...

  3. python orm字段解析

    null # 是否可以为空 default # 默认值 primary_key # 主键 db_column # 列名 db_index # 索引(db_index=True) unique # 唯一 ...

  4. 【洛谷】NOIP提高组模拟赛Day1【组合数学】【贪心+背包】【网络流判断是否满流以及流量方案】

    U41568 Agent1 题目背景 2018年11月17日,中国香港将会迎来一场XM大战,是世界各地的ENLIGHTENED与RESISTANCE开战的地点,某地 的ENLIGHTENED总部也想派 ...

  5. MyTalkStuffHomeIcon-2

    圆形.高清头像素材专用-2

  6. POJ 1904 King's Quest tarjan

    King's Quest 题目连接: http://poj.org/problem?id=1904 Description Once upon a time there lived a king an ...

  7. Codeforces Round #288 (Div. 2) E. Arthur and Brackets 贪心

    E. Arthur and Brackets time limit per test 2 seconds memory limit per test 128 megabytes input stand ...

  8. codevs 1004 四子连棋 BFS、hash判重

    004 四子连棋 时间限制: 1 s 空间限制: 128000 KB 题目等级 : 黄金 Gold       题目描述 Description 在一个4*4的棋盘上摆放了14颗棋子,其中有7颗白色棋 ...

  9. Hihocoder #1081 最短路径一 dijkstra

    #1081 : 最短路径·一 时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 万圣节的早上,小Hi和小Ho在经历了一个小时的争论后,终于决定了如何度过这样有意义的一天—— ...

  10. 用最简单的例子理解适配器模式(Adapter Pattern)

    中国足球的水平虽然不高,但实际上,在每个城市会有一批足球爱好者,他们踢球.看球.懂球.有这样的2个足球爱好者,一个是左脚选手,另一个是右脚选手. public class PlayWithLeft { ...