html获取option js,js 获取html的select中的option的值

本文详细介绍了如何使用JavaScript获取HTML select元素中option的值,包括多种常见方法,并引用了开发者Tom Cargill的名言,适合前端开发者参考。作者是南京的运维工程师,欢迎读者交流讨论。
摘要由CSDN通过智能技术生成

html代码:

Volvo

Saab

Opel

Audi

获取方法:

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

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

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

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

$('#testSelect option:selected').text();//选中的文本

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

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

$("#tesetSelect").find("option:selected").text();//选中的文本

$("#tesetSelect").find("option:selected").val();//选中的值

$("#tesetSelect").find("option:selected").get(0).selectedIndex;//索引

更简单的:

var value = document.getElementById("testSelect").value;

“The first 90% of the code accounts for the first 90% of the development time. The remaining 10% of the code accounts for the other 90% of the development time.” – Tom Cargill

标  题:js 获取html的select中的option的值

作  者:出  处:https://leif.fun/articles/2019/09/04/1567563034055.html

关于博主:坐标南京,运维工程师,如有问题探讨可以直接下方留言。

声援博主:如果您觉得文章对您有帮助,可以评论、订阅、收藏。您的鼓励是博主的最大动力!

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值