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


相关文章
|
3月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
21 1
|
3月前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
63 2
|
3月前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
63 14
|
3月前
|
JSON JavaScript 前端开发
jQuery下拉框搜索模糊查询实现
【9月更文挑战4天】
125 10
|
3月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
38 5
|
7月前
|
JSON 前端开发 JavaScript
jQuery ajax读取本地json文件 三级联动下拉框
jQuery ajax读取本地json文件 三级联动下拉框
|
7月前
|
JavaScript
jQuery中如何来获取和设置属性?
jQuery中如何来获取和设置属性?
|
JavaScript
jQuery多级联动美化版Select下拉框
在线演示 本地下载
1268 0
|
JavaScript 索引
jQuery操作select下拉框的text值和value值的方法
1、jquery获取当前选中select的text值 $("#select1").find("option:selected").text(); 2、jquery获取当前选中select的value值 $("#select1").
1165 0
|
JavaScript
jquery 纯JS设置select下拉框,并默认选中第一个
//html页面       //JS文件function getPayedWay(){ $.ajax({ type : "GET", url : top.
2639 0