Heim > Web-Frontend > js-Tutorial > Hauptteil

So implementieren Sie eine Dropdown-Liste zur Auswahl eines Werts in js (3 Methoden)_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 15:25:10
Original
2097 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Methode zum Auswählen eines bestimmten Werts in einer Dropdown-Liste mithilfe von js. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Methode 1:

<select id="aa">
<option>1</option>
<option>2</option>
</select>
<input type="button" value=" 选中" onclick="checkOption()" />
<script language="javascript" type="text/javascript" >
function checkOption()
{
 document.getElementById("aa").options[1].selected = true;
 alert("选中了2");
}
</script>

Nach dem Login kopieren

Methode 2:

Es gibt ein Dropdown-Menü wie folgt

<select name="" >
<option value="1">11</option>
<option value="2">22</option>
<option value="3">33</option>
.......
Nach dem Login kopieren

Bedienung des Mycombo-Dropdown-Listenfelds nicht im Formular

document.all( "mycombo ").selectedIndex=2 // 成功选中“苹果”这一项
mycombo.selectedIndex=2 // 成功选中“苹果”这一项 
document.mycombo.selectedIndex=2 // 失败 

Nach dem Login kopieren

Bedienung des Dropdown-Listenfelds Combo2 innerhalb des Formulars myform

document.all( "combo2 ").selectedIndex=2 // 成功选中“买水果”这一项
myform.combo2.selectedIndex=2 // 成功选中“买水果”这一项 
document.myform.combo2.selectedIndex=2 // 成功选中“买水果”这一项

Nach dem Login kopieren

Methode 3:

Kann nach Wert zugewiesen werden.

Zum Beispiel:

Der Dropdown-Listencode lautet wie folgt:

<select onPropertyChange="showValue(this.value)" id="mysel">
 <option value=""></option>
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
</select>
<input type="button" value="changevalue" onclick="setvalue();">

Nach dem Login kopieren

Der JS-Funktionscode lautet wie folgt:

function setvalue() {
 document.getElementById("mysel").value="2";
}

Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

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