资讯专栏INFORMATION COLUMN

jQuery取得select选择的文本与值

alogy / 3016人阅读

摘要:原文链接获取选择的文本与值获取获取选中的获取选中的获取选中的索引设置设置选中的索引为索引值设置选中的设置选中的设置项添加一项请选择在前面插入一项删除索引值最大的删除索引值为的删除值为的删除值为的清空工作需要,要获得两个表单中的值。

原文链接:http://blog.csdn.net/tiemufen... 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选项

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/98742.html

相关文章

  • jQuery方法总结大全

    摘要:为所有的请求进行全局设置。从中取得一组值,显示出来方法说明显示隐藏的匹配元素。通过高度变化向下增大来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。 Attribute: $(p).addClass(css中定义的样式类型); 给某个元素添加样式 $(img).attr({src:test.jpg,alt:test Image}); 给某个元素添加属性/值,参数是map ...

    Coly 评论0 收藏0
  • jQuery is out of date

    摘要:注同时移除元素上的事件及数据。其他对象通过其属性名进行迭代。原始数组不受影响。检查对象是否为空不包含任何属性。返回一个数字,表示当前时间。两者性能差不多接受一个标准格式的字符串,并返回解析后的对象。 在我看来,jQuery确实已经过时了。本项目总结了绝大部分 jQuery API 替代的方法,类似项目You-Dont-Need-jQuery,并会再此基础上进行很多的补充。写这个项目主要...

    duan199226 评论0 收藏0
  • jQuery其他常用知识点

    摘要:获取匹配的第一个元素相对于其最近的具有定位即不是的父元素的位置返回不能设置。但是这两种方法的缺点是要绑定的元素必须存在文档中。支持对动态创建的元素有效。解绑所有代理的事件,而元素本身的事件不会被解绑。触发事件响应方法,不触发浏览器行为。 选择器 :visible 和 :hidden 匹配显示和隐藏的元素(css-display),需要指明元素或类,因为head、script等元素也是...

    tomorrowwu 评论0 收藏0
  • jQuery其他常用知识点

    摘要:获取匹配的第一个元素相对于其最近的具有定位即不是的父元素的位置返回不能设置。但是这两种方法的缺点是要绑定的元素必须存在文档中。支持对动态创建的元素有效。解绑所有代理的事件,而元素本身的事件不会被解绑。触发事件响应方法,不触发浏览器行为。 选择器 :visible 和 :hidden 匹配显示和隐藏的元素(css-display),需要指明元素或类,因为head、script等元素也是...

    yeooo 评论0 收藏0

发表评论

0条评论

alogy

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<