<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. 不改源代码，修改服务器配置，解决全局Get中文乱码问题

  2. Android 中的广播(Broadcast)

    Android 广播(broadcast) 饮水思源 本文章内容学习和总结自 郭霖大神:<Android第一行代码> Overview 就像我们的学校里的喇叭一样,是用来通知的.而Andr ...

  3. 移动端meta标签

    现在的手机或平板电脑等移动设备上的浏览器默认都有双击放大的设置,如何阻止双击放大?user-scalable=no <!-- 禁止缩放 --> <meta name=”viewpor ...

  4. python 文件内容修改替换操作

    当我们读取文件中内容后,如果想要修改文件中的某一行或者某一个位置的内容,在python中是没有办法直接实现的,如果想要实现这样的操作只能先把文件所有的内容全部读取出来,然后进行匹配修改后写入到新的文件 ...

  5. [ 转载 ] Java开发中的23种设计模式详解(转)

    Java开发中的23种设计模式详解(转)   设计模式(Design Patterns) ——可复用面向对象软件的基础 设计模式(Design pattern)是一套被反复使用.多数人知晓的.经过分类 ...

  6. BeautifulSoup与Xpath解析库总结

    一.BeautifulSoup解析库 1.快速开始 html_doc = """ <html><head><title>The Dor ...

  7. BZOJ.5407.girls(容斥 三元环)

    题目链接 CF 原题 \(Description\) 有n个点,其中有m条边连接两个点.每一个没有连边的三元组\((i,j,k)(i<j<k)\)对答案的贡献为\(A*i+B*j+C*k\ ...

  8. php 安全模式限制函数

    表 42-2. 安全模式限制函数 函数名 限制 dbmopen() 检查被操作的文件或目录是否与正在执行的脚本有相同的 UID(所有者). dbase_open() 检查被操作的文件或目录是否与正在执 ...

  9. hdu 4540 dp

    题意: 假设: 1.每一个时刻我们只能打一只地鼠,并且打完以后该时刻出现的所有地鼠都会立刻消失: 2.老鼠出现的位置在一条直线上,如果上一个时刻我们在x1位置打地鼠,下一个时刻我们在x2位置打地鼠,那 ...

  10. 【10.10校内测试】【线段树维护第k小+删除】【lca+主席树维护前驱后驱】

    贪心思想.将a排序后,对于每一个a,找到对应的删除m个后最小的b,每次更新答案即可. 如何删除才是合法并且最优的?首先,对于排了序的a,第$i$个那么之前就应该删除前$i-1$个a对应的b.剩下$m- ...