document.getElementById ("Louyuming"). Opções [0] .Selected = true; função jSselectisexitItem (objselect, objiteMValue) {var isexit = false; for (var i = 0; i <objSelect.Options.Length; i ++) {if (objSelect.Options [i] .Value == objitemValue) {isexit = true; quebrar; }} retornar isExit; }JavaScript Operação Select é um tipo comum nos formulários. Hoje, ao excluir vários valores de seleção, houve um problema. Depois de muito tempo, verificou -se que foi causado pelo índice (ou seja, ao excluir, você deve começar com o grande índice e depois excluir o pequeno índice, caso contrário, o índice com o grande índice mudará após a exclusão do pequeno índice e, em seguida, o grande índice mudará para que o tempo seja necessário para o tempo que se afastará.
// 4. Exclua o item selecionado na função Selecionar JSRemoveSelectedItemFromSelect (objSelect) {var comprimento = objSelect.Options.Length - 1; for (var i = comprimento; i> = 0; i-) {if (objselect [i] .Selected == true) {objSelect.Options [i] = null; }}}1 Determine se existe um item com value = "paravaloros" na opção Selecionar
2 Adicione um item à opção Selecionar
3Remove um item da opção Selecionar
4 Exclua o item selecionado em selecionado
5 Modifique o texto de value = "paravalue" na opção Selecionar para "Paratext"
6set o primeiro item de texto = "paratext" em selecionado como selecionado
7 Defina o item de value = "paravaloros" em selecionado como selecionado
8 Obtenha o valor do item atualmente selecionado
9 Obtenha o texto do item atualmente selecionado
10 Obtenha o índice do item atualmente selecionado
11 Limpe o item selecionado
=====================================================================================================================================
Exclua dinamicamente todas as opções em selecionar:
Função DeLeTeAlLOptions (SEL) {SEL.Options.Length = 0; }Exclua dinamicamente uma opção em selecionar:
função deleteOption (SEL, INDX) {Sel.Options.Remove (Indx); }Adicione dinamicamente a opção Item em Selecionar:
função addOption (SEL, texto, valor) {Sel.Options.add (nova opção (texto, valor)); }Os testes acima foram testados com sucesso no IE e no Firefox, e espero que eles possam ser usados no futuro.
==============================================================
Código JS
// 1. Determine se existe uma função de item de value = "paravalue" na opção Selecionar JSSELECTISEXItItem (objSelect, objiteMValue) {var isexit = false; for (var i = 0; i <objSelect.Options.Length; i ++) {if (objSelect.Options [i] .Value == objitemValue) {isexit = true; quebrar; }} retornar isExit; } // 2. Adicione uma função de item à opção Selecionar jsadditemtoselect (objselect, objiteMText, objiteMValue) {// julgue se existe se (jSselectisexititem (objselect, objitemvalue)) {alert ("o valor do valor deste item já existe"); } else {var varitem = nova opção (objiteMText, objitemValue); objSelect.options.add (variM); alerta ("juntou -se com sucesso"); }} // 3. Remova uma função de item da opção Selecionar jsRemoveItemFromSelect (objselect, objitemValue) {// julgue se existe se (jSselectisexititem (objselect.Leect.Leect.Leect.Lept.Lelect.Lept.Lept.Lept.Int)) objitemValue) {objselect.options.remove (i); quebrar; }} alert ("excluído com sucesso"); } else {alert ("Este item não existe nessa seleção"); }} // 4. Exclua o item selecionado na função Selecionar JSRemoveSelectedItemFromSelect (objSelect) {var comprimento = objselect.options.length - 1; for (var i = comprimento; i> = 0; i-) {if (objselect [i] .Selected == true) {objSelect.Options [i] = null; } } } // 5. Modify the text of value="paraValue" in the select option to "paraText" function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) { //Judge whether there is if (jsSelectIsExitItem(objSelect, objItemValue)) { for (var i = 0; i < objSelect.Options.Length; quebrar; }} alert ("Modificado com sucesso"); } else {alert ("Este item não existe nessa seleção"); }} // 6. Defina o primeiro item de text = "paratext" em Selecionar como função selecionada jSSELECTIBYBYVALUE (objSelect, objiteMText) {// julgue se var isexit = false; for (var i = 0; i <objSelect.Options.Length; i ++) {if (objSelect.Options [i] .Text == objitemText) {objselect.options [i] .Selected = true; isExit = true; quebrar; }} // mostra resultado se (isExit) {alert ("selecionado com sucesso"); } else {alert ("Este item não existe nessa seleção"); }} // 7. Defina o item de value = "paravalue" na seleção para ser selecionado objSelect.value = objitemValue; // 8. Obtenha o valor var do item atualmente selecionado de select curselectValue = objSelect.value; // 9. Obtenha o texto var CurrelectText do item atualmente selecionado de selecionar var currelectText = objSelect.options [document.all.objselect.SelectedIndex] .text; // 10. Obtenha o índice do item atualmente selecionado de selecionar var currelectIndex = objSelect.SelectedIndex; // 11. Limpe o item de select objSelect.options.length = 0;O código completo de toda a instância é o seguinte:
<! doctype html public "-// w3c // dtd html 4.0 transitório // pt"> <html> <head> <title> javascript Selecione opções de texto Valor </title> <meta name = "palavras-chave" content = "javasscript opções de text walor modify delte DELETE Set"> meta. Definir "> <script idioma =" javascript "> <!-// autor: [email protected]// modify: [email protected] watch_ini () {// inicial para (var i = 0; i <argumentos.length; i ++) {var ooption = novo Opção (argumentos [i], argumentos [i]); document.getElementById ("mySelect") [i] = ooption;}} função watch_add (f) {// adicione var ooption = new Option (f.word.value, f.word.value); f.Keywords [F.KeyDords.Length] = ooption; F.KEYWORDS [f.Keywords.SelectedIndex] .Text;} função watch_mod (f) {// modifique f.keywords [f.keywords.lectectedindex] .text = f.word.value;} função watch_del (f) {// Delete Fenctions.roMove (f.S. ""; para (var i = 0; i <f.keywords.length; i ++) {set += f.keywords [i] .text +";";} confirm (set);} //-> </sCript> </ad Head> <body> <nome name = "relógio" method = "post" action = ""> <select ID = "mySelect" name = "keywords" size = "10"> onChange = ">" idioma = "javascript"> <!-watch_ini ("i", "você", "ele", "ela", "ela", "it", "el"); // palavras-chave iniciais //-> </script> <input type = "text" name = "word"/> <r/> <input type = "button" value = "add" onclick = "watch_add (this.form);" " /> <input type = "button" value = "modificar" onclick = "watch_mod (this.form);" /> <input type = "button" value = "delete" onclick = "watch_del (this.form);" /> <input type = "button" value = "salvar" onclick = "watch_set (this.form);" /> </morm> </body> </html>