JavaScript实现获取select下拉框中第一个值的方法
作者：翱翔天地 发布时间：2024-04-22 12:50:05
标签：JavaScript,select下拉框
本文实例讲述了JavaScript实现获取select下拉框中第一个值的方法。分享给大家供大家参考，具体如下：
1、说明
获取select下拉框中的第一个值
2、实现源码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript获取select下拉框中的第一个值</title>
<script type="text/javascript">
/**
* 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);
}
</script>
</head>
<body>
<div id="div_select">
<select id="select_option">
<option value="0">桃树</option>
<option value="1">梨树</option>
<option value="2">樟树</option>
<option value="3">枫树</option>
<option value="4">松树</option>
<option value="5">梧桐树</option>
<option value="6">槐树</option>
</select>
</div>
<input type="button" value="JavaScript获取select下拉框中的第一个值" onclick="getFirstValOfSelect()"/>
</body>
</html>
3、实现结果
（1）选中第一项
（2）选中第二项
希望本文所述对大家jQuery程序设计有所帮助。
来源：http://blog.csdn.net/you23hai45/article/details/37110171
0
投稿猜你喜欢
本文实例为大家分享了JS实现简易计算器的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html>- 前言如果说写代码最害怕什么，那无疑是Bug。而对于新手来说，刚刚接触编程，在享受写代码的成就感时，往往也会被各式各样的Bug弄得晕头转向。今
- 目的两年前曾为了租房做过一个找房机器人 「爬取豆瓣租房并定时推送到微信」，维护一段时间后就荒废了。当时因为代码比较简单一直没开源，现在想想说
- 很多小伙伴对于slice参数的概念理解停留在概念上，切片的参数有三个，分别是step 、start 、stop 。因为参数的值也是多变的，所
- MySQL常用存储引擎之MyISAM特性：1、并发性与锁级别2、表损坏修复check table tablenamerepair table
- 有时候难免会要用到只读的文本框,可今天发现只读文本框有一个缺陷,当鼠标焦点在文本框里面的时候按回退键(backSpace), 会退回到前一个
- python实现从登录到自动发送qq邮件，供大家参考，具体内容如下qq邮箱登录注意问题账户密码登录框是写在一个iframe上的，所以我们要先
- 在开始之前还是提一下三个函数吧:"ob_start()、ob_end_clean()、ob_get_contents()"
- 运行环境: python 3.6.0今天处于练习的目的，就用 python 写了一个百度翻译，是如何做到的呢，其实呢就是拿到接口，通过这个接
- 对于字典的操作，本篇介绍的是在其中添加值的方法，下面带来详细的介绍。1、通过键=值的方式进行添加。如果键存在，则会将旧的值进行覆盖，如果不存
- 背景有时本地服务器的时间不准了，需要同步互联网上的时间。解决方案NTP时间同步，找到一些可用的NTP服务器进行同步即可。通过获取一些大型网站
- 本文实例讲述了js选项卡的实现方法。分享给大家供大家参考。具体分析如下：一、思路1. 获取元素；2. for循环按钮元素添加onclick(
- 顺序表即线性表的顺序存储结构。它是通过一组地址连续的存储单元对线性表中的数据进行存储的，相邻的两个元素在物理位置上也是相邻的。比如，第1个元
- 本文实例讲述了Python实现获取nginx服务器ip及流量统计信息功能。分享给大家供大家参考，具体如下：#!/usr/bin/python
- Simhash的算法简单的来说就是，从海量文本中快速搜索和已知simhash相差小于k位的simhash集合，这里每个文本都可以用一个sim
- 大家都是用的哪一款远程控制工具呢？向日葵确实还可以，支持多平台、跨网络，但是必须要注册 Oray账号才行。虽然与免费版，但是用过的都知道，还
- JavaScript定义函数的三种实现方法【1】正常方法function print(msg){ document.write(
- 一．错误分类1． 语法错误也称为解析错误，发生在传统编程语言的编译时，在JavaScript中发生在解释时，这些错误是由代码中的意外字符直接
- 通配符的分类:％百分号通配符: 表示任何字符出现任意次数 (可以是0次)._下划线通配符:表示只能匹配单个字符,不能多也不能少,就是一个字符
- OL定义有序列表的时候，除非指定list-style-position:inside;，否则文字和前导符是有缩进的。但有的时候，OL定义的列
