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

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

小云云
Freigeben: 2018-02-06 14:26:49
Original
2945 Leute haben es durchsucht

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 der Attribute von Seitenelementen in JavaScript beschrieben. Ich hoffe, es kann Ihnen helfen.

1. Beschreibung

Ersten Wert im Auswahl-Dropdown-Feld abrufen

2. Implementierungsquellcode


<!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>
Nach dem Login kopieren

3. Umsetzungsergebnisse

(1) Wählen Sie den ersten Punkt

(2) Wählen Sie das zweite Element aus

Verwandte Empfehlungen:

jQuery-Formularelementselektor und ausgewählte Elementselektorinstanz abrufen

Detaillierte Erläuterung der js-Methode zum Abrufen des Select-Tag-Werts

jQuery-Methode zum Abrufen des Select-Element-Selektors


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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage