suchen

Heim >Web-Frontend >js-Tutorial >So erhalten Sie den ersten Wert im Auswahl-Dropdown-Feld in JavaScript

So erhalten Sie den ersten Wert im Auswahl-Dropdown-Feld in JavaScript

亚连
亚连Original
2018-06-07 14:43:562167Durchsuche

In diesem Artikel wird hauptsächlich die Methode zum Abrufen des ersten Werts im Auswahl-Dropdown-Feld mithilfe von JavaScript vorgestellt und die relevanten Betriebstechniken zum Abrufen von Seitenelementattributen in JavaScript beschrieben. Freunde in Not können sich auf Folgendes beziehen:

In diesem Artikel werden die Beispiele erläutert. Verwenden Sie JavaScript, um die Methode zum Abrufen des ersten Werts im Auswahl-Dropdown-Feld zu implementieren. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

1. Beschreibung

Erhalten Sie den ersten Wert im Auswahl-Dropdown-Feld

2. Implementieren Sie den Quellcode 

<!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. Implementieren Sie das Ergebnis

(1) Wählen Sie das erste Element aus

(2) Wählen Sie den zweiten Punkt

Das Obige habe ich für alle zusammengestellt. Ich hoffe, es wird für alle hilfreich sein die Zukunft.

Verwandte Artikel:

Verwenden von Vue zur Implementierung der zugrunde liegenden Prinzipien (ausführliches Tutorial)

So ziehen Sie Steuerdateien in js und rufen sie ab Funktion zum Ziehen und Ablegen von Inhalten

Detaillierte Interpretation des dekorativen Designmusters in js

Das obige ist der detaillierte Inhalt vonSo erhalten Sie den ersten Wert im Auswahl-Dropdown-Feld in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So implementieren Sie Tabellenzusammenführungszellen in BootstrapNächster Artikel：So implementieren Sie Tabellenzusammenführungszellen in Bootstrap

In Verbindung stehende Artikel

Mehr sehen