Javascript select對象操作大全（新增、修改、删除、选中、清空、判断存在等）...-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_2466/article/details/81927610

[转载而已]看别人总结的不错，文章地址：http://www.58php.com/news.php?id=102

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
10.10得到select的当前选中项的Index
11.11清空select的项
12.
13.js 代码
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
27.function 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
39.function 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中选中的项
56.function 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"
66.function 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为选中
82.function 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为选中
101.document.all.objSelect.value = objItemValue;
102.
103.// 8.得到select的当前选中项的value
104.var currSelectValue = document.all.objSelect.value;
105.
106.// 9.得到select的当前选中项的text
107.var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;
108.
109.// 10.得到select的当前选中项的Index
110.var currSelectIndex = document.all.objSelect.selectedIndex;
111.
112.// 11.清空select的项
113.document.all.objSelect.options.length = 0;