js获取select选中的标签option的值

最新推荐文章于 2023-11-30 20:21:41 发布

转载最新推荐文章于 2023-11-30 20:21:41 发布 · 648 阅读

js 专栏收录该内容

14 篇文章

订阅专栏

本文介绍如何使用JavaScript和jQuery获取HTML下拉选择框（select元素）的当前选中值，包括选中文本、索引及值。通过不同方法展示了原生JS与jQuery在操作DOM时的区别。

js中获取方法

var obj = document.getElementByIdx_xx_x(”testSelect”); //定位id

var index = obj.selectedIndex; // 选中索引

var text = obj.options[index].text; // 选中文本

var value = obj.options[index].value; // 选中值


jQuery中获得选中select值

第一种方式
$('#testSelect option:selected').text();//选中的文本

$('#testSelect option:selected') .val();//选中的值

$("#testSelect ").get(0).selectedIndex;//索引

 

第二种方式
$("#tesetSelect").find("option:selected").text();//选中的文本
…….val();
…….get(0).selectedIndex;