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

2852 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

Recommandations associées :

sélecteur d'élément de formulaire jQuery et obtenez l'instance de sélecteur d'élément sélectionné

Explication détaillée de la méthode js pour obtenir la valeur de la balise de sélection

Méthode jQuery pour obtenir le sélecteur d'élément de sélection

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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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