Comment obtenir la première valeur dans la liste déroulante de sélection avec JavaScript-js tutoriel-php.cn

Comment obtenir la première valeur dans la liste déroulante de sélection avec JavaScript

小云云

Libérer： 2018-02-06 14:26:49

original

2948 Les gens l'ont consulté

Cet article vous présente principalement la méthode d'obtention de la première valeur dans la liste déroulante de sélection à l'aide de JavaScript, et implique les techniques de fonctionnement pertinentes pour obtenir les attributs des éléments de page en JavaScript. Les amis dans le besoin peuvent s'y référer. J'espère que cela pourra vous aider.

1. Description

Obtenir la première valeur dans la liste déroulante de sélection

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>
  <p id="p_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>
  </p>
  <input type="button" value="JavaScript获取select下拉框中的第一个值" onclick="getFirstValOfSelect()"/>
</body>
</html>

Copier après la connexion

3. Résultats de la mise en œuvre

(1) Sélectionnez le premier élément

(2) Sélectionnez le deuxième élément