document.getElementById ("Louyuming"). Optionen [0] .Selected = true; Funktion JsSelectisexitItem (Objselect, objiTemValue) {var isexit = false; für (var i = 0; i <objselect.options.length; i ++) {if (objselect.options [i] .value == objiTemValue) {isexit = true; brechen; }} return isExit; }JavaScript Operation Select ist ein gängiger Typ in Formularen. Heute gab es beim Löschen mehrerer Auswahlwerte ein Problem. Nach langer Zeit stellte sich heraus, dass es durch den Index verursacht wurde (dh beim Löschen sollten Sie vom großen Index aus starten und dann den kleinen Index löschen, ansonsten ändert sich der Index mit dem großen Index nach dem Löschen des kleinen Index, und dann wird sich der große Index ändert. Es wird Probleme beim Wiedererlösen - Der Schlüssel, der das Problem leuert, ist, dass der für die Schleife von großer bis zu kleiner bis zu kleiner, als dass der normale 0 -0, -Langzeit -Langzeit -Langzeit -Schleifen ist.
// 4. Löschen Sie das ausgewählte Element in Select Function JSremovesectedItemFromSelect (objselect) {var length = objselect.options.length - 1; für (var i = länge; i> = 0; i-) {if (objselect [i] .Selected == true) {objselect.options [i] = null; }}}1 Bestimmen Sie, ob es in der Option auswählen einen Element mit Value = "Paravalue" vorhanden ist
2 Fügen Sie der Option aus einem Element hinzu
3Remove ein Element aus der Option auswählen
4 Löschen Sie das ausgewählte Element in SELECT
5 Ändern Sie den Text von Value = "Paravalue" in der Option "Paratext" auswählen ".
6Se das erste Element von text = "paratext" in Select als ausgewählt
7 Stellen Sie das Element von Wert = "Paravalue" in Select als ausgewählt ein
8 Erhalten Sie den Wert des aktuell ausgewählten Elements
9 Erhalten Sie den Text des aktuell ausgewählten Elements
10 Erhalten Sie den Index des aktuell ausgewählten Elements
11 Löschen Sie das ausgewählte Element
=======================================================ieben
Dynamisch alle Optionen in SELECT: SELECT:
Funktion DeleteAlleTions (sel) {sel.options.length = 0; }Dynamisch eine Option in SELECT: SELECT: Dynamisch löschen:
Funktion DeleteOption (sel, indx) {sel.options.remove (indx); }Dynamisch Elementoption hinzufügen in SELECT:
Funktionsdoption (SEL, Text, Wert) {sel.options.add (neue Option (Text, Wert)); }Die obigen Tests wurden erfolgreich in IE und Firefox getestet, und ich hoffe, dass sie in Zukunft verwendet werden können.
=======================================================ieben
JS -Code
// 1. Bestimmen Sie, ob eine Elementfunktion von Value = "Paravalue" in der Option auswählen JSESelectExiTEM (ObjSelect, objitemValue) {var isexit = false; für (var i = 0; i <objselect.options.length; i ++) {if (objselect.options [i] .value == objiTemValue) {isexit = true; brechen; }} return isExit; } // 2. Fügen Sie der Option Auswählen eine Elementfunktion hinzu. } else {var varitem = new option (objiTemtext, objiTemValue); objselect.options.add (varitem); alarm ("erfolgreich mitgekommen"); }} // 3.. Entfernen Sie eine Elementfunktion aus der Option Auswählen. (objselect.options [i] .Value == objitemValue) {objselect.options.remove (i); brechen; }} alert ("erfolgreich gelöscht"); } else {alert ("Dieses Element existiert in diesem Auswahl nicht"); }} // 4. Löschen Sie das ausgewählte Element in Select Function JSremoveStectedItemFromSelect (objselect) {var length = objselect.options.length - 1; für (var i = länge; i> = 0; i-) {if (objselect [i] .Selected == true) {objselect.options [i] = null; }}} // 5. Ändern Sie den Text von value = "paravalue" in der Option "Paratext" -Funktion "paratext" JsUpdateItemtoselekt (Objselect, objitemtext, objiTemvalue) {// beurteilen, ob es IF gibt (jsSelectisexitem (Objelect, Objitemuect)) {0; objselect.options.length; brechen; }} alert ("erfolgreich geändert"); } else {alert ("Dieses Element existiert in diesem Auswahl nicht"); }} // 6. Legen Sie das erste Element von text = "paratext" in Select As Selected Function JsSelectItemByValue (ObjSelect, ObjiTemtext) {// beurteilen, ob var isexit = false; für (var i = 0; i <objselect.options.length; i ++) {if (objselect.options [i] .Text == objitemtext) {objselect.options [i] .Selected = true; isexit = true; brechen; }} // Ergebnis if (isexit) {alert ("erfolgreich ausgewählt"); } else {alert ("Dieses Element existiert in diesem Auswahl nicht"); }} // 7. Setzen Sie das Element von value = "paravalue" in der Auswahl, um ausgewählt zu werden. // 8. Erhalten Sie den Wert Var des aktuell ausgewählten Elements von CurrSelectValue = objSelect.Value; // 9. Holen Sie sich den Text var currelectText des aktuell ausgewählten Elements von ausgewählten var currelectText = objselect // 10. Holen Sie sich den Index des aktuell ausgewählten Elements von SELECT VAR currSelectIndex = objselect.selectedIndex; // 11. Löschen Sie das Element der Auswahl objselect.options.length = 0;Der vollständige Code der gesamten Instanz lautet wie folgt:
<! docType html public "-// w3c // dtd html 4.0 transitional // ede Setzen Sie "> <script langual Option (Argumente [i], Argumente [i]); document.getElementById ("mySelect") [i] = ooption;}} Funktion Watch_add (f) {// var ooption = new option (f.word.value, f.word.value); f.word.Value = f.Keywords [f.kewords.selectedIndex] .Text;} Funktion watch_mod (f) {// modifizieren Sie F.Keywords [F.Keyswords.SelectedIndex] .Text = f.word.value; watch_set (f) {// speichern var set = ""; für (var i = 0; i <f.kewords.length; i ++) {set += f.kewords [i] .Text +";";} bestätigen (set);} //-> </script> </head> <body> <form name = "watch" methode = "post" action = ""> <select id = "mySelect" name "name =" keywords "size =" 10 ". Sprache = "JavaScript"> <!-Watch_ini ("I", "du", "er", "sie", "sie", "es", "el"); // Initiale Schlüsselwörter //-> </script> <Eingabe type = "text" name = "word"/> <br/> <Eingabe type = "schaltet" value = "add" onclick = "watch_add (this.form);" /> <input type = "button" value = "modify" onclick = "watch_mod (this.form);" /> <input type = "button" value = "delete" onclick = "watch_del (this.form);" /> <input type = "button" value = "speichern" onclick = "watch_set (this.form);" /> </form> </body> </html>