1
/* 列表框互相操作函数集 */
2
3
//描述: 添加不重复列表框元素
4
function selAdd( srcList, dstList )
5
{
6
var selectedIndex = new Array();
7
var count = 0;
8
9
for ( i=0; i<srcList.options.length; i++ ){
10
11
if ( srcList.options[i].selected ){
12
13
selectedIndex[count] = i;
14
count ++;
15
16
}
17
}
18
19
for ( j=0; j<selectedIndex.length; j++ ){
20
21
k = selectedIndex[j];
22
23
if ( chkDup( srcList.options[k].value, dstList )==false ){
24
&, nbsp; dstList.options.length++;
25
var len = dstList.options.length-1;
26
dstList.options[len].value = srcList.options[k].value;
27
dstList.options[len].text = srcList.options[k].text;
28
}
29
30
}
31
32
}
33
34
//描述: 删除列表框元素
35
function selDel( list )
36
{
37
var len = list.options.length;
38
var idx = 0;
39
40
while ( idx< len ){
41
42
if ( list.options[idx].selected ){
43
list.options.remove(idx);
44
len = list.options.length;
45
}
46
else{
47
idx ++;
48
}
49
}
50
}
51
52
//描述: 检测列表框元素重复
53
function chkDup( item, list )
54
{
55
for ( i=0; i<list.options.length; i++ ){
56
//alert( item + " - " + list.options[i].value );
57
if ( item == list.options[i].value ){
58
return true;
59
}
60
}
61
return false;
62
}
63
64
//描述: 选择列表框的全部成员
65
function selSel( list, item )
66
{
67
item.value = " ";
68
for ( i=0; i<list.options.length; i++ ){
69
list.options[i].selected=true;
70
item.value += list.options[i].value + " ";
71
}
72
73
}
74
75
function selSelSingle( list, value )
76
{
77
for ( i=0; i<list.options.length; i++ ){
78
if ( list.options[i].value == value ){
79
list.options[i].selected=true;
80
break;
81
}
82
}
83
84
}
85
//描述: 根据数组初始化列表框
86
function selList( item, arr )
87
{
88
89
var curIndex, insIndex, val, text;
90
var arrItem = new Array();
91
92
if ( item ){
93
94
item.length = 0;
95
curIndex = 0;
96
97
for ( i=0; i<arr.length; i++ ){
98
99
item.length ++;
100
insIndex = item.length - 1;
101
102
if ( arr[i] ){
103
arrItem = arr[i].split( ", " );
104
text = arrItem[1];
105
val = arrItem[0];
106
item.options[ insIndex ].text = text;
107
item.options[ insIndex ].value= val;
108
}
109
}
110
111
}
112
}
/* 列表框互相操作函数集 */2

3
//描述: 添加不重复列表框元素4
function selAdd( srcList, dstList )5
{6
var selectedIndex = new Array();7
var count = 0;8

9
for ( i=0; i<srcList.options.length; i++ ){10

11
if ( srcList.options[i].selected ){12
13
selectedIndex[count] = i;14
count ++;15

16
}17
} 18

19
for ( j=0; j<selectedIndex.length; j++ ){20
21
k = selectedIndex[j];22

23
if ( chkDup( srcList.options[k].value, dstList )==false ){24
&, nbsp; dstList.options.length++;25
var len = dstList.options.length-1;26
dstList.options[len].value = srcList.options[k].value;27
dstList.options[len].text = srcList.options[k].text;28
}29

30
}31

32
}33

34
//描述: 删除列表框元素35
function selDel( list )36
{37
var len = list.options.length;38
var idx = 0;39

40
while ( idx< len ){41

42
if ( list.options[idx].selected ){43
list.options.remove(idx);44
len = list.options.length;45
}46
else{47
idx ++;48
}49
}50
}51

52
//描述: 检测列表框元素重复53
function chkDup( item, list )54
{55
for ( i=0; i<list.options.length; i++ ){56
//alert( item + " - " + list.options[i].value );57
if ( item == list.options[i].value ){58
return true;59
}60
} 61
return false;62
}63

64
//描述: 选择列表框的全部成员65
function selSel( list, item )66
{67
item.value = " ";68
for ( i=0; i<list.options.length; i++ ){69
list.options[i].selected=true;70
item.value += list.options[i].value + " ";71
}72

73
}74

75
function selSelSingle( list, value )76
{77
for ( i=0; i<list.options.length; i++ ){78
if ( list.options[i].value == value ){79
list.options[i].selected=true;80
break;81
}82
}83

84
}85
//描述: 根据数组初始化列表框86
function selList( item, arr )87
{88

89
var curIndex, insIndex, val, text;90
var arrItem = new Array();91

92
if ( item ){93

94
item.length = 0;95
curIndex = 0;96

97
for ( i=0; i<arr.length; i++ ){98

99
item.length ++;100
insIndex = item.length - 1;101
102
if ( arr[i] ){103
arrItem = arr[i].split( ", " );104
text = arrItem[1];105
val = arrItem[0];106
item.options[ insIndex ].text = text; 107
item.options[ insIndex ].value= val;108
}109
}110

111
}112
}
本文介绍了一组用于处理HTML中列表框(select元素)的JavaScript函数。这些函数包括添加不重复项到目标列表框、从列表框中删除选中项、检查列表框中的项是否重复、选择列表框的所有成员以及根据数组初始化列表框。通过这些实用函数,开发者可以更高效地管理和操作网页上的列表框。
468

被折叠的 条评论
为什么被折叠?



