Js操作Select大全


1
判断select选项中 是否存在Value="paraValue"的Item 2 向select选项中 加入一个Item 3 从select选项中 删除一个Item 4 删除select中选中的项 5 修改select选项中 value="paraValue"的text为"paraText" 6 设置select中text="paraText"的第一个Item为选中 7 设置select中value="paraValue"的Item为选中 8 得到select的当前选中项的value 9 得到select的当前选中项的text 10 得到select的当前选中项的Index 11 清空select的项 12 js 代码 13 // 1.判断select选项中 是否存在Value="paraValue"的Item 14 function jsSelectIsExitItem(objSelect, objItemValue) { 15 var isExit = false; 16 for (var i = 0; i < objSelect.options.length; i++) { 17 if (objSelect.options[i].value == objItemValue) { 18 isExit = true; 19 break; 20 } 21 } 22 return isExit; 23 } 24 25 // 2.向select选项中 加入一个Item 26 function jsAddItemToSelect(objSelect, objItemText, objItemValue) { 27 //判断是否存在 28 if (jsSelectIsExitItem(objSelect, objItemValue)) { 29 alert("该Item的Value值已经存在"); 30 } else { 31 var varItem = new Option(objItemText, objItemValue); 32 objSelect.options.add(varItem); 33 alert("成功加入"); 34 } 35 } 36 37 // 3.从select选项中 删除一个Item 38 function jsRemoveItemFromSelect(objSelect, objItemValue) { 39 //判断是否存在 40 if (jsSelectIsExitItem(objSelect, objItemValue)) { 41 for (var i = 0; i < objSelect.options.length; i++) { 42 if (objSelect.options[i].value == objItemValue) { 43 objSelect.options.remove(i); 44 break; 45 } 46 } 47 alert("成功删除"); 48 } else { 49 alert("该select中 不存在该项"); 50 } 51 } 52 53 54 // 4.删除select中选中的项 55 function jsRemoveSelectedItemFromSelect(objSelect) { 56 var length = objSelect.options.length - 1; 57 for(var i = length; i >= 0; i--){ 58 if(objSelect[i].selected == true){ 59 objSelect.options[i] = null; 60 } 61 } 62 } 63 64 // 5.修改select选项中 value="paraValue"的text为"paraText" 65 function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) { 66 //判断是否存在 67 if (jsSelectIsExitItem(objSelect, objItemValue)) { 68 for (var i = 0; i < objSelect.options.length; i++) { 69 if (objSelect.options[i].value == objItemValue) { 70 objSelect.options[i].text = objItemText; 71 break; 72 } 73 } 74 alert("成功修改"); 75 } else { 76 alert("该select中 不存在该项"); 77 } 78 } 79 80 // 6.设置select中text="paraText"的第一个Item为选中 81 function jsSelectItemByValue(objSelect, objItemText) { 82 //判断是否存在 83 var isExit = false; 84 for (var i = 0; i < objSelect.options.length; i++) { 85 if (objSelect.options[i].text == objItemText) { 86 objSelect.options[i].selected = true; 87 isExit = true; 88 break; 89 } 90 } 91 //Show出结果 92 if (isExit) { 93 alert("成功选中"); 94 } else { 95 alert("该select中 不存在该项"); 96 } 97 } 98 99 // 7.设置select中value="paraValue"的Item为选中 100 document.all.objSelect.value = objItemValue; 101 102 // 8.得到select的当前选中项的value 103 var currSelectValue = document.all.objSelect.value; 104 105 // 9.得到select的当前选中项的text 106 var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text; 107 108 // 10.得到select的当前选中项的Index 109 var currSelectIndex = document.all.objSelect.selectedIndex; 110 111 // 11.清空select的项 112 document.all.objSelect.options.length = 0;

原文地址:http://www.cnblogs.com/Herist/archive/2007/09/24/903890.html

posted @ 2013-10-01 15:55  xhhha123  阅读(247)  评论(0编辑  收藏  举报