German
Sign in / Sign up

Javascript Select Box Objekt

Wie kann man die ausgewählte Select-Option in Javascript finden?
oder
Welche sind die mit Select Box verbundenen Ereignisse?

Erklärung

Grundlagen der HTML Form Select Box


"Select option" Objekt :
Die folgende Syntax bekommt resp_codes "Select" Objekt in Javascript.

Syntax: document.formname.selectname

Code Beispiel:
<form name=testform>
<select name=sel>
<Optionswert=test> Test der Wahloption</option>
</select>
</form>
<script language="javascript">
var cbobject= document.testform.rb1;
</script>


Hier sind die Ereignisse, die DOM Merkmale und die Methode, die mit "Select Box" Element verbunden werden.
Ereignishandlern: Verbunden mit Formulart "SelectBox":
Alle untengenannte Beispiele verwenden eine Output Javascript Funktion


<script language=javascript>
Funktion output()
{
Warnung("Test der Wahloptionereignis");
}
</script>

Ereignishandler Beschreibung Beispiel
onMouseOver onMouseOver wird angerufen, wenn eine Maus über dem ausgewählten Kasten bewegt wird Ergebnis:
onMouseDown onMouseDown wird aufgerufen, wenn eine Maus auf die ausgewählte Option heruntergedrückt wird
Ergebnis:
onMouseUp onMouseUp wird aufgerufen, wenn eine Maus auf die ausgewählte Option heruntergedrückt und freigegeben wird
Ergebnis:
onChange onChange wird aufgerufen, wenn eine neue Option ausgewählt wird
Ergebnis:
onBlur onBlur führt einen Code aus, wenn resp_codes SelectBox den Fokus wegen des Tabulators verliert

Ergebnis:
onFocus onFocus führt einen Code aus, wenn resp_codes SelectBox den Fokus mit Hilfe des Tabulator bekommt
Ergebnis:


DOM Merkmale:
Folgendes ist die Liste von DOM (dynamisches Objektmodell) Merkmalen, die verwendet werden können, um " Select" Merkmale in Javascript zu bekommen und zu ändern.
Die Beispiele unten sind auf der Form basiert


<form name=tests>
<select name=sel>
<option value=test> Test der Wahloption</option>
<option value=test2> test2</option>
</select>
</form>

DOM Merkmal Beschreibung Beispiel
Länge Verwendet, um die Länge (Gesamtzahl von Optionen) im ausgewählten Objekt zu bekommen bekommen:
var len = document.tests.sel.length;
Name Verwendet, um den Namen von "Select Box" zu bekommen bekommen:
var ss = document.tests.sel.name;
Optionen

Gibt die Matrix von Optionen zurück, die im "Select" Objekt gelistet sind

bekommen:
var ss = document.tests.sel.options;
gewählter Index selectedindex wird verwendet, um die Position der ausgewählten Option zu bekommen oder einzustellen bekommen:
var ss = document.tests.sel.selectedindex;
Returns 1 if the second option is the selected one.
einstellen:
document.tests.sel.selectedindex = 0;
Text

Gibt resp_codes Textwert zurück, der in "Select Box" anwesend ist

 bekommen:
var dd = document.tests.sel.selectedIndex;
var ss = document.tests.sel[dd].text;


DOM Methoden:
Folgendes ist die Liste von DOM (dynamisches Objektmodell) Methoden, die verwendet werden können, um dynamische Änderungen in Select Option mit Hilfe von Javascript zu machen.


DOM Methode Beschreibung Beispiel
blur()

Verwendet, um den Radioknopf dynamisch zu verschwommen

einschwimmen:
document.testb.mycb.blur();
focus() Verwendet, um den Fokus auf dem Radioknopf dynamisch zu bekommen fokussieren:
document.testb.mycb.focus();


Beispiel: Herstellung der zweiten Option, wie ausgewählt, jedes Mal wenn Sie die Maus resp_coderüber versetzen.

<script language=javascript>
Funktion sevent()
{
var xx = document.xx.sbox;
document.xx.sbox.selectedIndex = 1;
}
</script>

<form name=xx>
<select name=sbox onMouseOver="sevent()">
<option value="option 1">option 1</option>
<option value="option 2">option 2</option>
</select>
</form>

Ergebnis:


Syntax: document.formname.selectname

PreviousNext

Java-Script Tutoriel