In diesem Artikel werden Sie in die Zusammenfassung verschiedener Verwendungen des HTML -Aufrufs von Select Select Tur Js Code vorgestellt
Das Folgende ist der relevante Inhalt, der von verschiedenen Verwendungen des HTML -Aufrufs der Auswahl über JS -Code zusammengefasst ist. Das Artikel -Tutorial spricht hauptsächlich über einige Technologien und Kenntnisse im Zusammenhang mit Auswahl. Weitere Inhalte finden Sie gerne unter http://www.vevb.com, um weitere neueste Tutorials zu erhalten. Das Folgende ist die Tutorialerklärung:
In diesem Artikel werden Sie in die Zusammenfassung verschiedener Verwendungen des HTML -Aufrufs von Select Select Tur Js Code vorgestellt
1) Ausblenden und Anzeigen von Auswahl:
$ (Selektionsliste) .Style.Display = $ (SELISTISTE) .Style.Display == Block? Keine: Block;
2) Wählen Sie aus oder nicht: nicht:
<select deabled = value> document.getElementById (LevelDropList) .DIENDED = Value; nicht verfügbar document.getElementById (LevelDropList) .DIENDED = VALUE; verfügbar
<html> <pead> <script sprach = javaScript> <!-/// OseLect Eine neue Option wurde unten in der List-Funktion addiert.
Funktion fnchange () {odata.value + = ocars.options [ocars.selectedIndex] .Text +;} //-> < /script> < /head> <body onload = onload ()> <!-Fügen Sie einen Select-> <!-1 Verwendet das Auswahlelement ein Drop-Down-Listen-Box = 2> <Scharnenname = cats grise = 1> <Option. Ausgewählt> Siamese < /select> <p> <!-2 Das Auswahlelement erstellt ein Multi-Selekt-Listenfeld, indem die Größe und mehrere Tag-Eigenschaften festgelegt werden. Um ausgewählte Optionen für das Feld Mehrfachauswahlliste zu erhalten, müssen Sie die Optionssammlung durchqueren und überprüfen, ob ausgewählt auf true eingestellt ist. -> <select id = oselect name = cars size = 3 multiple> <!-3 und multiple sind hier festgelegt-> <optionswert = 1 ausgewählt> bmw <Optionswert = 2> Porsche <Option Wert = 3 ausgewählt> Mercedes < /select> <p> <!-3 Die folgende Verwendung der Verwendung der Option-> <select = 1> ocars size = option = option = opton = fnchange = fnchange () option = option = option = option = option = aufchnchn = fnchange () option = option = option = option = auf Anchange = fnchange () option = option = option = option = auf Anchange = fnchange () option (option) bm <option = onchange = fnchange () option (option) bm <option = opton = fnch. Value = 1> bmw <Optionswert = 2> Porsche <Optionswert = 3 ausgewählt> Benchan </select> <p> <textarea id = odata> </textarea> </body> </html>Anhang: Einige wählen Tipps
1. Erstellen Sie die Auswahl dynamisch
function createSelect () {var mySelect = document.createelement (select); mySelect.id = mySelect; document.body.appendchild (mySelect);}2. Option Option hinzufügen
Funktion addOption () {// Objekt nach ID finden, var obj = document.getElementById ('mySelect'); // Hinzufügen einer Option obj.add (neue Option (Text, Wert));}3. Löschen Sie alle Optionen
Funktion removeall () {var obj = document.getElementById ('mySelect'); obj.options.length = 0;}4. Löschen Sie eine Option Option
Funktion REMEDOne () {var obj = document.getElementById ('mySelect'); // Index, um die Sequenznummer der Option zu löschen.5. Erhalten Sie den Wert der Option Option
var obj = document.getElementById ('mySelect'); var index = obj.selectedIndex; // Seriennummer, nehmen Sie die aktuell ausgewählte Optionsnummer var val = obj.options [INDEX] .Value;6. Ermitteln Sie den Text der Option Option
var obj = document.getElementById ('mySelect'); var index = obj.selectedIndex; // Seriennummer, nehmen Sie die aktuell ausgewählte Optionsnummer var val = obj.options [INDEX] .Text;7. Option Option ändern
var obj = document.getElementById ('mySelect'); var index = obj.selectedIndex; // Seriennummer, nehmen Sie die aktuell ausgewählte Option var val = obj.options [index] = neue Option (neuer Text, neuer Wert);8. Auswahl löschen
Funktion removeSelect () {var mySelect = document.getElementById (mySelect); mySelect.Parentnode.removechild (mySelect);}9. Setzen Sie Optin Optin, um eingegeben zu werden
Funktion removeSelect () {// Dynamisch Mitarbeiter zur Dropdown-Liste der Teilnehmer für (var i = 0; i <json.length; i ++) {var newoption = new Option (JSON [i] .EMPNAME, JSON [i] .EMPID, I); // Angestellte Informationen zu der Drop-Down-Liste der Teilnehmern der Teilnehmern der Teilnehmern der Teilnehmern der Teilnehmern der Teilnehmern. Nicht leer if (empByDealempid! = EmpByDealempid!Ende. Das Tutorial wurde hier fertiggestellt. Haben Sie etwas vom Lesen gewonnen? Diese Website enthält auch ausgewählte Inhalte und willkommen zum Lesen.