Maison > Article > interface Web > JS obtient la valeur du premier élément dans la liste déroulante de sélection

JS obtient la valeur du premier élément dans la liste déroulante de sélection

php中世界最好的语言original: 2018-03-23 16:54:461857parcourir

Cette fois, je vais vous apporter JS pour obtenir la valeur du premier élément dans la liste déroulante de sélection. JS pour obtenir la valeur du premier élément dans la liste déroulante de sélection. Quelles sont les précautions. , comme suit. C'est un cas pratique, jetons-y un coup d'œil.

L'exemple de cet article décrit la méthode JavaScript pour obtenir la première valeur dans la liste déroulante de sélection. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

1. Description

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

2. Implémentez le code source

<!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>

3. Implémentez le résultat

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

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

Je crois que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour plus d'informations intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web php chinois !

Lecture recommandée :

Vérification de l'ajout, de la suppression et de la modification d'un package Singleton

Explication détaillée de la portée et de la pré-analyse de js

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Obtenez le mot de passe dans l'interface frontale à l'aide d'AngularJSArticle suivant：Obtenez le mot de passe dans l'interface frontale à l'aide d'AngularJS

Articles Liés

Voir plus