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