document.getElementbyId ("louyuming"). Options [0]. Selected = true; function jsselectisexititem (objselect, objitemvalue) {var isexit = false; for (var i = 0; i <objselect.options.length; i ++) {if (ObjSelect.Options [i] .value == objitemValue) {isExit = true; перерыв; }} вернуть isexit; }Операция JavaScript Select - это обычный тип в формах. Сегодня, при удалении нескольких значений выбора, была проблема. After a long time, it turned out that it was caused by the index (that is, when deleting, you should start from the large index, and then delete the small index, otherwise the index with the large index will change after deleting the small index, and then the large index will change. There will be problems when deleting again - the key to the problem is that the for loop needs to go from large to small, rather than the regular 0 to length)
// 4. Удалить выбранный элемент в выборе функции JSRemovEselectedItemFromSelect (ObjSelect) {var Length = ObjSelect.Options.Length - 1; for (var i = length; i> = 0; i-) {if (ObjSelect [i]. Selection == true) {ObjSelect.Options [i] = null; }}}1 Определите, есть ли элемент с Value = "paravalue" в опции выбора
2 Добавьте элемент в опцию SELECT
3 Снимите элемент из опции SELECT
4 Удалите выбранный элемент в выборе
5 Измените текст значения = "paravalue" в опции выбора на "paratext"
6Set первый элемент текста = "paratext" в выборе как выбран
7 Установите элемент значения = "paravalue" в выборе как выбран
8 Получите значение выбранного в настоящее время элемента
9 Получите текст выбранного в настоящее время элемента
10 Получите индекс выбранного в настоящее время элемента
11 Очистите выбранный элемент
============================================================================================
Динамически удалить все параметры в Select:
функция deleteAlloptions (sel) {sel.options.length = 0; }Динамически удалить опцию в Select:
функция deleteOption (sel, indx) {sel.options.remove (indx); }Динамически добавить элемент опции в Select:
Функция AddOption (sel, text, value) {sel.options.add (new Option (text, value)); }Приведенные выше тесты были успешно протестированы в IE и Firefox, и я надеюсь, что их можно использовать в будущем.
====================================================================
JS -код
// 1. Определите, существует ли элемент функции value = "paravalue" в опции выбора jsselectisexititem (objselect, objitemvalue) {var isexit = false; for (var i = 0; i <objselect.options.length; i ++) {if (ObjSelect.Options [i] .value == objitemValue) {isExit = true; перерыв; }} вернуть isexit; } // 2. Добавьте функцию элемента в опцию SELECT JSADDITEMTOSELECT (OBJSECT, OBJITEMTEXT, OBJITEMVALUE) {// Существует ли if (jsselectiSexititem (ObjSelect, ObjitemValue)) {Alert («Значение этого пункта уже существует»); } else {var varitem = new Option (objitemtext, objitemValue); ObjSelect.options.add (varitem); оповещение ("успешно присоединился"); }} // 3. Удалить функцию элемента из опции SELECT jsReMoveItemFromSelect (ObjSelect, ObjitemValue) {// Существует ли if (jsselectisexititem (ObjSelect, ObjitemValue) {для (var i = 0; i <ObjSelect. (ObjSelect.Options [i] .value == objitemValue) {ObjSelect.Options.remove (i); перерыв; }} alert ("успешно удалил"); } else {alert ("Этот элемент не существует в этом выборе"); }} // 4. Удалить выбранный элемент в выборе функции jsremoveSelectedItemFromSelect (objSelect) {var length = ObjSelect.Options.Length - 1; for (var i = length; i> = 0; i-) {if (ObjSelect [i]. Selection == true) {ObjSelect.Options [i] = null; / ObjSelect.options.length; перерыв; }} alert ("успешно модифицирован"); } else {alert ("Этот элемент не существует в этом выборе"); }} // 6. Установите первый элемент Text = "paratext" в Select как выбранная функция jsselectiTembyvalue (objselect, objitemtext) {// судить, является ли var isexit = false; for (var i = 0; i <objselect.options.length; i ++) {if (objselect.options [i] .text == objitemtext) {object.options [i]. Selected = true; isexit = true; перерыв; }} // показать результат if (isexit) {alert ("успешно выбран"); } else {alert ("Этот элемент не существует в этом выборе"); }} // 7. Установите элемент значения = "paravalue" в выборе, чтобы быть выбранным objselect.value = objitemValue; // 8. Получите значение var в настоящее время выбранного элемента Select CurrselectValue = ObjSelect.value; // 9. Получить текст var currsectextext в данный момент выбранного элемента Select var currselettext = ObjSelect.Options [document.all.objselect.selectedIndex] .Text; // 10. Получить индекс выбранного в данный момент элемента Select Var CurrSelectIndex = ObjSelect.selectedIndex; // 11. очистить элемент Select Objselect.options.length = 0;Полный код всего экземпляра заключается в следующем:
<! Doctype html public "-// w3c // dtd html 4.0 transitional // en"> <html> <Head> <title> javascript select Параметры. Установите "> <script language =" javascript "> <!-// Автор: [email protected]// Modify: [email protected] Option (Arguments [i], Arguments [i]); document.getElementById ("mySelect") [i] = OOPTION;}} функция watch_add (f) {// добавить var ooption = new Option (f.word.valu f.word.value = f.keywords [f.keywords.selectedIndex] .Text;} function watch_mod (f) {// modify f.keywords [f.keywords.selectedIndex] .Text = f.word.value;} function Watch_del (f) {// delete f.keyword.remove (f.keyfordsword.selex); // Сохранить var set = ""; for (var i = 0; i <f.keywords.length; i++){set += f.keywords[i].text + ";";}confirm(set);}//--></script></head><body><form name="watch" method="post" action=""><select id="MySelect" name="keywords" size="10" onchange="watch_sel(this.form)"></select><br><script language = "javascript"> <!-watch_ini ("i", "you", "он", "она", "она", "это", "el"); // Начальные ключевые слова //-> </script> <input type = "text" name = "word"/> <br/> <input type = "cutting" 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 = "save" onclick = "watch_set (this.form);" /> </form> </body> </html>