当前位置: 首页 > 编程笔记 >

JavaScript获取select中text值的方法

关学
2023-03-14
本文向大家介绍JavaScript获取select中text值的方法,包括了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错误与html" target="_blank">调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

 类似资料:
  • 本文向大家介绍jQuery操作select下拉框的text值和value值的方法,包括了jQuery操作select下拉框的text值和value值的方法的使用技巧和注意事项,需要的朋友参考一下 1、jquery获取当前选中select的text值 var checkText=$("#slc1").find("option:selected").text(); 2、jquery获取当前选中sele

  • 本文向大家介绍Vue.js获取被选择的option的value和text值方法,包括了Vue.js获取被选择的option的value和text值方法的使用技巧和注意事项,需要的朋友参考一下 如下所示: 1.获取option的value的值,watch option 控件时,或自动获取option的value的值。 2.获取被选中的option的text的值时,使用:$("#optionID op

  • 本文向大家介绍jquery获取input type=text中的值的各种方式(总结),包括了jquery获取input type=text中的值的各种方式(总结)的使用技巧和注意事项,需要的朋友参考一下  实例如下: 以上这篇jquery获取input type=text中的值的各种方式(总结)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍JavaScript中获取HTML元素值的三种方法,包括了JavaScript中获取HTML元素值的三种方法的使用技巧和注意事项,需要的朋友参考一下 JavaScript中取得元素的方法有三种:分别是: 1、getElementById() 方法:通过id取得HTML元素。 2、getElementsByName()方法:通过name取得元素,是一个数组。 3、getElements

  • 本文向大家介绍JavaScript中无法通过div.style.left获取值的解决方法,包括了JavaScript中无法通过div.style.left获取值的解决方法的使用技巧和注意事项,需要的朋友参考一下 一、问题总结:     样式必须直接写在元素内部才能通过div.style.left直接获取属性值(也就是必须是内联样式才行),定义在css中的样式不能通过这种方式获取。    让元素移动

  • 本文向大家介绍JQuery 获取多个select标签option的text内容(实例),包括了JQuery 获取多个select标签option的text内容(实例)的使用技巧和注意事项,需要的朋友参考一下 根据option的id属性,修改text值 获取多个select(使用class属性,切值相同)下的所有option的text值 如果select中间没有级联关系,那么所有的option都已经