服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - JQuery设置获取下拉菜单某个选项的值(比较全)

JQuery设置获取下拉菜单某个选项的值(比较全)

2021-02-04 16:35JavaScript教程网 JavaScript

这篇文章主要介绍了JQuery如何设置获取下拉菜单某个选项的值(比较全),需要的朋友可以参考下

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:

 
1
2
3
$(“#ddlRegType “).attr(“value”,”Normal“);
$(“#ddlRegType “).val(“Normal”);
$(“#ddlRegType “).get(0).value = value;

设置select 选中的text:

 
1
2
3
4
5
6
7
8
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:

$(“#ddlRegType “).empty();

延伸 · 阅读

精彩推荐