资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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

设置select option项:

    $("#select_id").append("");  //添加一项option
    $("#select_id").prepend(""); //在前面插入一项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();

工作需要,要获得两个表单中的值。如图:

如何获得从左边选择框添加到右边选择框中的值?我想了想用网页特效可以获得,这里用了比较流行的jquery。
js代码如下:

值得注意的是,不能直接写成

   $(function(){
      $('#select2').each(  //获得select1的所有值,因为前面讲选项从左边添加到右边,jquery其实并没有真正将值从左边传到右边。
         function(){
            $('button').click(function(){
                alert($(this).val());  //获得select2中的select1值
            });
         });
    })

html代码:

   
选中添加到右边>> 全部添加到右边>>
<<选中删除到左边 <<全部删除到左边

使用JQuery,Ajax调用动态填充Select的option选项

关于jQuery获取select选择文本与值的方法是什么就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


文章名称:jQuery获取select选择文本与值的方法是什么
分享地址:http://cdkjz.cn/article/joeihs.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220