1<html><head>
2<script language="javascript">
3function moveOption(oFromList, oToList, bAll)
4{
5var nFromLen = oFromList.options.length;
6var nToLen = oToList.options.length;
7var i = 0;
8while (nFromLen > 0)
9{
10if (oFromList.options[i].selected ¦ ¦ bAll)
11{
12oToList[nToLen++] = new Option(oFromList.options[i].text, oFromList.options[i].value);
13oFromList.options[i] = null;
14}
15else
16i++;
17
18nFromLen--;
19}
20
21sortOption(oToList);
22}
23
24function compare(a,b)
25{
26if (a.text < b.text)
27return -1;
28else if (a.text > b.text)
29return 1;
30return 0;
31}
32
33function sortOption(oList)
34{
35if (oList.options.length > 1)
36{
37var optionList = new Array();
38
39for (var i=0; i < oList.options.length; i++)
40optionList.push(oList.options[i]);
41
42optionList.sort(compare);
43
44oList.length = 0;
45for (var i=0; i < optionList.length; i++)
46oList.options[i] = optionList[i];
47}
48}
49</script>
50</head><body>
51<form name="form1">
52<table align="center">
53<tr>
54<td>
55<select multiple="" name="leftlist" size="4">
56<option value="1">fason1</option>
57<option value="2">fason2</option>
58<option value="3">fason3</option>
59<option value="4">fason4</option>
60</select>
61</td>
62<td>
63<input onclick="javascript:moveOption(rightlist, leftlist,true)" type="button" value=" << "/><br/>
64<input onclick="javascript:moveOption(rightlist, leftlist,false)" type="button" value=" < "/><br/>
65<input onclick="javascript:moveOption(leftlist, rightlist,false)" type="button" value=" > "/><br/>
66<input onclick="javascript:moveOption(leftlist, rightlist,true)" type="button" value=" >> "/>
67</td>
68<td>
69<select multiple="" name="rightlist" size="4">
70</select>
71</td>
72</tr>
73</table>
74<p align="right"><a href="http://fason.nease.net">【阿信的小天地】</a></p>
75</form></body></html>
关于select的问题,从一个select中选择内容生成另一个select.
comments powered by Disqus