JavaScript實現獲取select下拉框中第一個值的方法

2024-05-06 16:42:20

字體：大中小

來源：轉載

供稿：網友

本文實例講述了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）選中第一項

JavaScript,獲取,select,下拉框,第一個值