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 ,如需转载请自行联系原作者


相关文章
|
22天前
|
JavaScript
用JQuery实现选中select里面的option显示对应的div
用JQuery实现选中select里面的option显示对应的div
|
1月前
|
JavaScript
jquery给轮播图的第一张设置class样式
jquery给轮播图的第一张设置class样式
9 0
|
5月前
|
JavaScript
jquery实现下拉框选中对应的div
jquery实现下拉框选中对应的div
34 0
|
3月前
|
JavaScript 索引
jquery操作select(取值,设置选中)
jquery操作select(取值,设置选中)
|
4月前
|
JavaScript
jQuery中如何来获取和设置属性?
jQuery中如何来获取和设置属性?
30 0
|
5月前
|
存储 JavaScript 前端开发
Jquery 如何获取子元素。如何找到所有 HTML select 标签的选中项。jQuery 里的 ID 选择器和 class 选择器有何不同
Jquery 如何获取子元素。如何找到所有 HTML select 标签的选中项。jQuery 里的 ID 选择器和 class 选择器有何不同
44 1
|
5月前
|
JavaScript
jquery给元素设置属性
jquery给元素设置属性
|
5月前
|
JavaScript
jQuery 设置内容和属性
jQuery 设置内容和属性
|
7月前
|
JavaScript
jQuery val(); input 获取与设置默认输入内容
jQuery val(); input 获取与设置默认输入内容
43 0
|
6月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
36 0