JQuery获取和设置select下拉框的值

简介:

JQuery获取和设置select下拉框的值

获取Select :

 获取select 选中的 text :

   $("#ddlRegType").find("option:selected").text();

 

 获取select选中的 value:

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

 

 获取select选中的索引:

     $("#ddlRegType ").get(0).selectedIndex;

 

设置select:

 设置select 选中的索引:

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

 

 设置select 选中的value:

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

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

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

 

 设置select 选中的text:

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

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

 

$("#select_id option[text='jQuery']").attr("selected", true);

 

设置select option项:

 

 $("#select_id").append("<option value='Value'>Text</option>");  //添加一项option

 $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option

 $("#select_id option:last").remove(); //删除索引值最大的Option

 $("#select_id option[index='0']").remove();//删除索引值为0的Option

 $("#select_id option[value='3']").remove(); //删除值为3的Option

 $("#select_id option[text='4']").remove(); //删除TEXT值为4的Option

 

清空 Select :

$("#ddlRegType ").empty();

 

获取radio的值:

<script language="javascript">

    $(function() {

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

            var r = $("input:checked").attr("id");

            alert(r);

 

            r = $(":radio:checked").attr("id");

            alert(r);

 

            r = $(":radio:checked").eq(0).attr("id");

            alert(r);

 

            r = $("#div1").children(":radio:checked").attr("id");

            alert(r);

 

            r = $("#div1").children(":radio:checked").eq(0).attr("id");

            alert(r);

 

            r = $("#div1").find(":radio:checked").eq(0).attr("id");

            alert(r);

 

            $("#div1").find(":radio").each(function() {

                alert($(this).attr("checked"));

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

                    r = $(this).attr("id");

                    alert(r);

                }

            });

        });

    });

</script>

 

<div id='div1'>

<input id="Radio1" name='rad' type="radio" />1<br/>

<input id="Radio2" name='rad' type="radio" />2

</div>

    <input id="Button1" type="button" value="button" />

 

 















本文转自cnn23711151CTO博客,原文链接:http://blog.51cto.com/cnn237111/550133 ,如需转载请自行联系原作者


相关文章
|
2月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
16 1
|
2月前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
58 2
|
2月前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
53 14
|
2月前
|
JSON JavaScript 前端开发
jQuery下拉框搜索模糊查询实现
【9月更文挑战4天】
108 10
|
2月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
26 5
|
6月前
|
JSON 前端开发 JavaScript
jQuery ajax读取本地json文件 三级联动下拉框
jQuery ajax读取本地json文件 三级联动下拉框
|
6月前
|
JavaScript
jQuery中如何来获取和设置属性?
jQuery中如何来获取和设置属性?
|
JavaScript 前端开发 索引
JQuery操作下拉框
转载自下面的链接,很有用的。 http://www.cnblogs.com/yrhua/archive/2012/11/04/2753571.html 要实现这种效果: HTML代码 1 2 3 4 5 ...
842 0
|
JavaScript 前端开发 索引
jquery操作下拉框
jQuery获取Select选择的Text和Value:语法解释:1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发2.
1167 0
|
6月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload