Javascript 操作select控件大全（新增、修改、删除、选中、清空、判断存在等）

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的项
13. js代码
14. //1.判断select选项中是否存在Value="paraValue"的Item
15. functionjsSelectIsExitItem(objSelect,objItemValue){
16. varisExit=false;
17. for(vari=0;i<objSelect.options.length;i++){
18. if(objSelect.options[i].value==objItemValue){
19. isExit=true;
20. break;
21. }
22. }
23. returnisExit;
24. }
26. //2.向select选项中加入一个Item
27. functionjsAddItemToSelect(objSelect,objItemText,objItemValue){
28. //判断是否存在
29. if(jsSelectIsExitItem(objSelect,objItemValue)){
30. alert("该Item的Value值已经存在");
31. }else{
32. varvarItem=newOption(objItemText,objItemValue);
33. objSelect.options.add(varItem);
34. alert("成功加入");
35. }
36. }
38. //3.从select选项中删除一个Item
39. functionjsRemoveItemFromSelect(objSelect,objItemValue){
40. //判断是否存在
41. if(jsSelectIsExitItem(objSelect,objItemValue)){
42. for(vari=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. }
55. //4.删除select中选中的项
56. functionjsRemoveSelectedItemFromSelect(objSelect){
57. varlength=objSelect.options.length-1;
58. for(vari=length;i>=0;i--){
59. if(objSelect[i].selected==true){
60. objSelect.options[i]=null;
61. }
62. }
63. }
65. //5.修改select选项中value="paraValue"的text为"paraText"
66. functionjsUpdateItemToSelect(objSelect,objItemText,objItemValue){
67. //判断是否存在
68. if(jsSelectIsExitItem(objSelect,objItemValue)){
69. for(vari=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. }
81. //6.设置select中text="paraText"的第一个Item为选中
82. functionjsSelectItemByValue(objSelect,objItemText){
83. //判断是否存在
84. varisExit=false;
85. for(vari=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. }
100. //7.设置select中value="paraValue"的Item为选中
101. document.all.objSelect.value=objItemValue;
103. //8.得到select的当前选中项的value
104. varcurrSelectValue=document.all.objSelect.value;
106. //9.得到select的当前选中项的text
107. varcurrSelectText=document.all.objSelect.options[document.all.objSelect.selectedIndex].text;
109. //10.得到select的当前选中项的Index
110. varcurrSelectIndex=document.all.objSelect.selectedIndex;
112. //11.清空select的项
113. document.all.objSelect.options.length=0;