开发者社区> 技术小甜> 正文

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


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
【前端】用jquery或js获取select标签中选中的option值及文本
用jquery或js获取select标签中选中的option值及文本
105 0
jquery 获取当前select onchange事件
jquery 获取当前select onchange事件
350 0
jQuery 手动触发 select 值改变
版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82892933 ...
1472 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载