美文网首页
如何获取表单select域的选择部分的文本

如何获取表单select域的选择部分的文本

作者: 一只dororo | 来源:发表于2017-11-20 13:19 被阅读0次

答案:obj.options[obj.selectedIndex].text

window.onload = function(){

 //首先获得下拉框的节点对象;

 var obj = document.getElementById("obj");

 //1.如何获得当前选中的值?:

 var value = obj.value; 

//2.如何获得该下拉框所有的option的节点对象

 var options = obj.options; //注意:得到的options是一个对象数组 

//3.如何获得第几个option的value值?比如我要获取第一option的value,可以这样: 

var value1 =options[0].value; 

//4.如何获得第几个option的文本内容?比如我要获取第一option的文本,可以这样:

 var text1 = options[0].text; 

//5.如何获得当前选中的option的索引?

 var index = obj.selectedIndex; 

//6.如何获得当前选中的option的文本内容?

//从第2个问题,我们已经获得所有的option的对象数组options了。又从第5个问题,我们获取到了当前选中的option的索引值 //所以我们只要同options[index]下标的方法得到当前选中的option了

var selectedText =options[index].text; 

}

相关文章

  • 如何获取表单select域的选择部分的文本

    答案:obj.options[obj.selectedIndex].text window.onload = fu...

  • 表单小知识单

    表单: input textarea 文本域 select 下拉框 lab...

  • jQuery取得select选择的文本与值

    jquery获取select选择的文本与值获取select : 获取select 选中的 text : 获取sel...

  • Form表单

    一,Form表单的基本使用 表单标签 表单域:包含了文本框,密码框,隐藏域,都行文本框,复选框,单选框,下拉选择框...

  • 2018-12-28jquery获取select选中值的方法

    下面是jquery获取select选择的文本与值的代码: 获取select 选中的 text : $("#ddlr...

  • Bootstrap 手册 03 - 表单篇

    HTML 表单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。 0. 表单控件 ...

  • HTML和CSS

    表单标签 表单标签(下拉菜单和多行文本域) 空白标签 认识css css选择器 伪类选择器

  • html中表单的用法

    表单是什么 表单(form)由文本域、复选框、单选框、菜单、文件地址域、按钮等表单元素组成,所有的部分都包含在一个...

  • Bootstrap美化表单元素

    表单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。单独的表单控件会被自动赋予一...

  • Vue常用特性

    1 - 表单操作 1. 基于Vue的表单操作 Input 单行文本 textarea 多行文本 select 下拉...

网友评论

      本文标题:如何获取表单select域的选择部分的文本

      本文链接:https://www.haomeiwen.com/subject/wyqvvxtx.html