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


上一篇:eTextInputFormat(案例分析)| 学习笔记


下一篇:【计算机网络】网络层 : IP 数据报格式 ( IP 数据报首部格式 )