您好,欢迎来到年旅网。
搜索
您的当前位置:首页jQuery操作select下拉框的text值和value值的方法

jQuery操作select下拉框的text值和value值的方法

来源:年旅网
jQuery操作select下拉框的text值和value值的⽅法

1、jquery获取当前选中select的text值

$(\"#select1\").find(\"option:selected\").text();

2、jquery获取当前选中select的value值

$(\"#select1\").val();

3、jquery获取当前选中select的索引值

$(\"#select1\").get(0).selectedIndex;

4、jquery设置索引值为1的项为当前选中项

$(\"#select1\").get(0).selectedIndex=1;

5、jquery设置value值1的项为当前选中项

$(\"#select1\").val(1);

6、jquery设置text值为\"2017\"的项为当前选中项

$(\"#select1 option[text='2017']\").attr(\"selectedrue);

7、为指定select下拉框追加⼀个option(追加到在末尾)

$(\"#select1\").append(\"\"+i+\"\");

8、为制定select下拉框插⼊⼀个option(插⼊到第⼀个位置)

$(\"#select1\").prepend(\"请选择\");

9、jquery删除select下拉框的最后⼀个option

$(\"#select1 option:last\").remove();

10、清空select控件内容

$(\"#select1\").empty();

11、jQuery添加/删除Select的Option项

$(\"#select1\").append(\"\"); //为Select追加⼀个Option(下拉项)

$(\"#select1\").prepend(\"\"); //为Select插⼊⼀个Option(第⼀个位置)

$(\"#select1 option:last\").remove(); //删除Select中索引值最⼤Option(最后⼀个)

$(\"#select1 option[index='0']\").remove(); //删除Select中索引值为0的Option(第⼀个)$(\"#select1 option[value='3']\").remove(); //删除Select中Value='3'的Option

$(\"#select1 option[text='4']\").remove(); //删除Select中Text='4'的Option

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- oldu.cn 版权所有 浙ICP备2024123271号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务