?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的項?

?

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

轉載于:https://www.cnblogs.com/xuwb/archive/2011/01/29/1947539.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的Javascript 动态修改select方法大全【转】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。