js获取select中的value值和文本值

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/wilson_m/article/details/81877016
<select id="testSelect">
<option value ="zhangsan">张三</option>
<option value ="lisi">李四</option>
<option value="wanger">王二</option>
</select>

如上所示的select标签,通过js获取option的value值(zhangsan)与option值(张三),方法如下:

//js获取select标签选中的值
var obj = document.getElementByIdx_x(”testSelect”); //定位id

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

var text = obj.options[index].text; // 选中文本 输出张三等汉字信息

var value = obj.options[index].value; // 选中值 输出zhangsan等英文信息

//jQuery中获得选中select值
var options=$("#groupItem option:selected");
options.val(); //拿到选中项的值
options.text(); //拿到选中项的文本

————————————————
版权声明:本文为CSDN博主「wilson_m」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/wilson_m/article/details/81877016

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容