JavaScript获取select中text值的方法

作者:小括号

时间:2026-10-21

浏览:633

本文介绍两种在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程序设计有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章