recherche

Maison  >  Article  >  interface Web  >  Comment obtenir la première valeur dans la liste déroulante de sélection avec JavaScript

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

小云云
小云云original
2018-02-06 14:26:492903parcourir

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

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：Implémentation Bootstrap d'un exemple de fusion de cellules de tableArticle suivant：Implémentation Bootstrap d'un exemple de fusion de cellules de table

Articles Liés

Voir plus