jquery获取dropdownlist的value和text值

最新推荐文章于 2022-03-25 08:34:16 发布

转载最新推荐文章于 2022-03-25 08:34:16 发布 · 429 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/oshoh/p/9589053.html

文章标签：

#javascript #ViewUI

本文介绍了如何使用jQuery及原生JavaScript从下拉菜单中获取选中的value值和text值的方法。对于jQuery，可以通过调用.val()方法来获取value值；而text值则可通过.find()与.selected()结合使用获取。对于JavaScript，则可以使用document.getElementById来获取value值，通过options与selectedIndex属性获取text值。

1、jquery

//获取value值
$("#ddlSubmodel").val();
//获取text值
$("#ddlSubmodel").find("option:selected").text();

2、javascript

//获取value值
document.getElementById("ddlSubmodel").value;
//获取text值
var select = document.getElementById("ddlSubmodel");
if (select.selectedIndex > -1) {
    select.options[select.selectedIndex].innerText;
}