本文主要和大家介绍JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下,希望能帮助到大家。

1、说明

获取select下拉框中的第一个值

2、实现源码

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

JavaScript获取select下拉框中的第一个值

/**

* JavaScript获取select下拉框中的第一个值

*/

function getFirstValOfSelect()

{

//获取select中的ID

var selectId = document.getElementById("select_option");

//获取select下拉框中第一个值

var selectValue = selectId.options[0].value;

//获取select下拉框中第一个文本值

var selectText = selectId.options[0].text;

//打印select下拉框中第一个值和文本值

alert("值:" + selectValue + "\n" + "文本值:" + selectText);

}

桃树

梨树

樟树

枫树

松树

梧桐树

槐树

3、实现结果

(1)选中第一项

(2)选中第二项

相关推荐:

js获得html下拉框的值,JavaScript如何获取select下拉框中第一个值相关推荐

  1. JavaScript获取select下拉框中的第一个值

    JavaScript获取select下拉框中的第一个值 1.说明 获取select下拉框中的第一个值 2.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DT ...

  2. 遍历两个数组,使得值相等的时候,给第一个数组增加一个值为 true 的属性。

    问题: 遍历两个数组,使得值相等的时候,使第一个数组中的istrue值为 true .如果值不相等则使第一个数组中的istrue值为 false <template> <div cl ...

  3. access订单明细表怎么做_快速开发平台(进销存教程)--必须在字段采购订单明细表.完成数量中输入一个值...

    时 间:2014-04-05 21:20:52 作 者:摘 要:快速开发平台  主表 子表 Tmp表 正 文: 一.问题描述 学员@防城港-KingめArthur在做采购订单时,出现错误提示'必须在字 ...

  4. pandas计算dataframe两列数据值相等的行号、取出DataFrame中两列值相等的行号

    pandas计算dataframe两列数据值相等的行号.取出DataFrame中两列值相等的行号 目录 pandas计算dataframe两列数据值相等的行号.取出DataFrame中两列值相等的行号

  5. 如何在海量数据中查询一个值是否存在?

    一般面试中考察的题目通常是由三类组成的,基础面试题.进阶面试题.开放性面试题,而本文的题目则属于一个开放性的面试题,但对于 Redis 这种以数据为核心的缓存中间件来说,实现在海量数据中查询一个值是否 ...

  6. 【Java】从键盘中输入一个值,在数组中查找该值的索引并输出

    问题: 从键盘中输入一个值,在数组中查找该值的索引并输出 代码: package learnjava;import java.util.Scanner;public class demo13 {pub ...

  7. html一级子元素,利用JavaScript怎么获取元素下的第一级子元素

    利用JavaScript怎么获取元素下的第一级子元素 发布时间:2021-01-22 17:03:51 来源:亿速云 阅读:112 作者:Leah 这期内容当中小编将会给大家带来有关利用JavaScr ...

  8. 如何在R代码中找到一个值的行号

    如何在R代码中找到一个值的行号? 例如: 在以下一组值中,如何在第4列中找到特定值的行号? 如何使用R代码命令找到列4中的值"1578"的行号. > mydata_2sex ...

  9. layui下拉框怎么获取自定义值_layui如何得到select下拉框选中的值?

    layui如何得到select下拉框选中的值?下面本篇文章介绍一下layui取得select下拉框选中值的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. layui如何得到se ...

最新文章

  1. java编译器使用教程_Java编译器API简介
  2. C语言/C++零基础到大神全栈学习笔记
  3. java中如何将string 转化成long(亲测)
  4. vue - blog开发学习3
  5. 微信小程序云开发不完全指北
  6. vvv在线文档导出工具_一款真正实时的在线文档协作编辑工具,多人可同时对一份文件修改...
  7. *[topcoder]IncrementingSequence
  8. 大规模分布式系统资源管理(一)
  9. 21天Jenkins打卡Day17-查看Jenkins服务器上的目录结构
  10. Android Studio模拟器磁盘空间不足(Not enough disk space to run AVD)
  11. 虚拟声卡实现播放铃声
  12. Google永久允许使用Flash 100%详细简单+解决
  13. 单片机引脚浮空输入注意事项-STM32
  14. win10网络诊断为DNS服务器未响应,Windows10网络诊断DNS服务器未响应的解决办法
  15. pomodoro源代码
  16. 距离度量(Distance Metric)方法
  17. 2022年二级建造师考试机电工程练习题及答案
  18. 玩一玩微信公众号开发(二) 管理凭据和自定义菜单
  19. sudo -i和sudo -s
  20. dos攻击原理及攻击实例(带脚本)

热门文章

  1. Android中的Looper类
  2. 【微信小程序】自定义组件的实现及数据交互
  3. Java获取桌面(desktop)文件夹
  4. Navaicat不能导入excel表格,每次到第二步就停止了,显示不能打开文件,
  5. .net5创建WebApi项目入门教程
  6. 2019美亚杯个人赛
  7. 【web-攻击应用程序框架】(12.1)分层架构:攻击与保障
  8. TP-LINK 桥接
  9. php如何检查图片是否一样,PHP判断图片是否为标准图片(防止篡改图片下传)
  10. linux shell读取文件,shell下同时读取多个文件的方法