document.getElementById ("Louyuming"). Options [0] .Selected = true; fonction JSSeleCtisexitItem (objSelect, objitemValue) {var isExit = false; pour (var i = 0; i <objSelect.options.length; i ++) {if (objSelect.options [i] .value == objitemValue) {isExit = true; casser; }} return isExit; }L'opération JavaScript select est un type commun dans les formulaires. Aujourd'hui, lors de la suppression de plusieurs valeurs sélectionnées, il y avait un problème. Après une longue période, il s'est avéré qu'il a été causé par l'index (c'est-à-dire que lors de la suppression, vous devez commencer par le grand index, puis supprimer le petit index, sinon l'index avec le grand index changera après la suppression du petit index, puis le grand index changera.
// 4. Supprimer l'élément sélectionné dans la fonction de sélection jsreMoveselectedItemFromSelect (objSelect) {var longueur = objselect.options.length - 1; pour (var i = longueur; i> = 0; i -) {if (objSelect [i] .selected == true) {objSelect.options [i] = null; }}}1 Déterminez s'il y a un élément avec valeur = "paravalue" dans l'option Sélectionner
2 Ajouter un élément à l'option Sélectionner
3Remove un élément de l'option Sélectionner
4 Supprimez l'élément sélectionné dans Sélectionner
5 Modifiez le texte de Value = "Paravalue" dans l'option Sélectionner "PARATEXT"
6set le premier élément de text = "PARATEXT" dans SELECT comme sélectionné
7 Définissez l'élément de valeur = "Paravalue" dans Sélectionner comme sélectionné
8 Obtenez la valeur de l'élément actuellement sélectionné
9 Obtenez le texte de l'élément actuellement sélectionné
10 Obtenez l'index de l'élément actuellement sélectionné
11 Effacer l'élément sélectionné
======================================================================================================================.
Supprimez dynamiquement toutes les options dans SELECT:
fonction deletealLoptions (sel) {sel.options.length = 0; }Supprimer dynamiquement une option dans SELECT:
function DeleteOption (sel, indx) {sel.options.remove (Indx); }Ajouter dynamiquement l'option d'élément dans SELECT:
Fonction Addoption (sel, texte, valeur) {sel.options.add (nouvelle option (texte, valeur)); }Les tests ci-dessus ont été testés avec succès dans IE et Firefox, et j'espère qu'ils pourront être utilisés à l'avenir.
=====================================================================.
Code JS
// 1. Déterminez s'il existe une fonction d'élément de valeur = "Paravalue" dans l'option SELECT jSelecTisexitItem (objSelect, objitemValue) {var isExit = false; pour (var i = 0; i <objSelect.options.length; i ++) {if (objSelect.options [i] .value == objitemValue) {isExit = true; casser; }} return isExit; } // 2. Ajoutez une fonction d'élément à l'option de sélection jsadditemtoselect (objSelect, objitemText, objitemvalue) {// juger s'il y a if (jSelecTisexitem (objSelect, objitemvalue))) {alert ("la valeur de valeur de cet élément déjà existant"); } else {var varitem = nouvelle option (objitemText, objitemValue); objselect.options.add (varitem); alert ("rejoint avec succès"); }} // 3. Supprimez une fonction d'élément de l'option de sélection jsRemoveItemFromSelect (objSelect, objitemValue) {// juge si il y a if (jSelecTiseXitiTtem (objSelect, objitemValue)) {pour (var i = 0; i <objSelect.options.Legth; i ++) {si (objselect.options [i] .value == objitemValue) {objSelect.options.remove (i); casser; }} alert ("Supprimé avec succès"); } else {alert ("Cet élément n'existe pas dans ce select"); }} // 4. Supprimez l'élément sélectionné dans la fonction de sélection jsRemoveselectedItemFromSelect (objSelect) {var longueur = objselect.options.length - 1; pour (var i = longueur; i> = 0; i -) {if (objSelect [i] .selected == true) {objSelect.options [i] = null; }}} // 5. Modifiez le texte de value = "Paravalue" dans l'option Sélectionner la fonction "paratext" jSupDateItemToselect (objSelect, objitemText, objitemValue) {// juge s'il y a if (jSelectisexititem (objSelect, objitemvalue)) {pour (var i = 0;; objSelect.options.length; i ++) {if (objSelect.options [i] .value == objitemvalue) {objSelect.options [i] .text = objitemText; casser; }} alert ("modifié avec succès"); } else {alert ("Cet élément n'existe pas dans ce select"); }} // 6. Définissez le premier élément de text = "PARATEXT" dans Select comme fonction sélectionnée jSelectItembyValue (objSelect, objitemText) {// juge si var isExit = false; pour (var i = 0; i <objSelect.options.length; i ++) {if (objSelect.options [i] .text == objitemText) {objSelect.options [i] .selected = true; isExit = true; casser; }} // Afficher le résultat if (isExit) {alert ("Sélectionné avec succès"); } else {alert ("Cet élément n'existe pas dans ce select"); }} // 7. Définissez l'élément de valeur = "Paravalue" dans la sélection à sélectionner objSelect.Value = objitemValue; // 8. Obtenez la valeur var de l'élément actuellement sélectionné de Select CurrSelectValue = objSelect.Value; // 9. Obtenez le texte var currselectText de l'élément actuellement sélectionné de Select var CurrselectText = objSelect.options [document.all.objselect.selectedIndex] .Text; // 10. Obtenez l'index de l'élément actuellement sélectionné de Select var CurrSelectIndex = objselect.selectedIndex; // 11. Effacer l'élément de Select ObjSelect.options.length = 0;Le code complet de toute l'instance est le suivant:
<! doctype html public "- // w3c // dtd html 4.0 transitional // en"> <html> <adread> <title> javascript options options Valeur texte </ title> <meta name = "Keywords" contenu = "javascript Valeur texte de texte Ajouter la modification des options de modification de la text" Meta Name = "Description" Contenu = "contenu =" javascript Value Options Text Delled = Meta Name = "Description" Content = "contenu =" javascript Value Options Text Delled = Meta Name = "Description" Content = "Content =" Javascript Value Options Text Dellefre set "> <script linguisse =" javascript "> <! - // Auteur: [email protected]// modifier: [email protected] watch_ini () {// initial for (var i = 0; i <arguments.length; i ++) {var ooption = new Option (arguments [i], arguments [i]); document.getElementById ("mySelect") [i] = ooption;}} function watch_add (f) {// ajouter var ooption = nouvelle option (f.word.value, f.word.value); f.keywords [f.keywords.Leong] = ooption;} fonction watch_sel (f) f.word.value = f.keywords [f.keywords.selectedIndex] .Text;} function watch_mod (f) {// modifier f.keywords [f.keywords.selectedIndex] .Text = f.word.value;} fonction watch_del (f) {// delete f.keywords.remove (f.keywords. // Enregistrer var set = ""; for (var i = 0; i <f.keywords.length; i ++) {set + = f.keywords [i] .text + ";";} confirm (set);} // -> </ script> </ head> <body> <form name = "watch" metheth = "post" action = ""> <select id = "mySelect" name = "keywords" size = "10" onchange = "watch_sel (this.form)"> </ select> <briter> <britri Language = "JavaScript"> <! - watch_ini ("i", "vous", "il", "elle", "elle", "it", "el"); // Mots-clés initiaux // -> </ script> <input type = "text" name = "word" /> <br /> <input type = "bouton" value = "add" onClick = "watch_add (this.form);" /> <input type = "bouton" value = "modifier" onClick = "watch_mod (this.form);" /> <input type = "Button" value = "delete" onClick = "watch_del (this.form);" /> <input type = "bouton" value = "enregistrer" onClick = "watch_set (this.form);" /> </ form> </ body> </html>