JavaScript获取select中text值的方法
本文介绍两种在JavaScript中获取select下拉框选中项text值的方法。通过this.options[this.selectedIndex].text属性或document.getElementById结合options集合,可以准确获取用户选择的文本内容,适用于常见的前端表单交互场景。
JavaScript获取select中text值的方法
本文分享了一种使用JavaScript获取select下拉框中选中项text值的方法,供读者参考。
首先来看具体的代码实现。
第一种方法:
<select name="parent_id" onchange="setTitleAndLinkByGoodsCategory(this.value,this.options[this.selectedIndex].text);" >
<option value="0">请选择商品分类</option>
<option value="1" >家电</option>
<option value="2" >数码</option>
<option value="3" >服饰</option>
</select>
在该方法中,this.value用于获取value属性的值,而this.options[this.selectedIndex].text则用于获取选中的文本,例如“家电”、“数码”或“服饰”。
第二种方法:
<script language="javascript">
function chk(){
var obj = document.getElementById("sel");
var strsel = obj.options[obj.selectedIndex].text;
if (confirm("确定要选择"+strsel+"吗?")){
}else{
}
}
</script>
<select name="sel" onchange="return chk()">
<option value=1>a001</option>
<option value=2>a002</option>
<option value=3>a003</option>
</select>
如果您对更多JavaScript相关内容感兴趣,可以查看本站的以下专题:《JavaScript事件相关操作与技巧大全》、《JavaScript操作DOM技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》以及《JavaScript数学运算用法总结》。
希望本文的内容能对您的JavaScript程序设计有所帮助。
JS语法错误会阻止加载吗?区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践:从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组?
2026-11-05 09:59:18
