87,996
社区成员
发帖
与我相关
我的任务
分享高手，救命！
怎样将一个select中的值，在点击“添加”按钮后，就添加到另外一个空的select中了，
就像51job.com中的搜索一样？请用源代码
就像51job.com中的搜索一样？请用源代码
...全文
请发表友善的回复…
发表回复
llrock 2002-07-17
- 打赏
- 举报
<script>
function addOption(e){
var oCloneNode=e.options[e.selectedIndex].cloneNode(true);
document.all.select2.insertBefore(oCloneNode);
}
</script>
<select name=select1 onchange="addOption(this)">
<option ></option>
<option>aaaaa</option>
<option>bbbbb</option>
<option>ccccc</option>
<option>ddddd</option>
<option>eeeee</option>
</select>
<select name=select2></select>
function addOption(e){
var oCloneNode=e.options[e.selectedIndex].cloneNode(true);
document.all.select2.insertBefore(oCloneNode);
}
</script>
<select name=select1 onchange="addOption(this)">
<option ></option>
<option>aaaaa</option>
<option>bbbbb</option>
<option>ccccc</option>
<option>ddddd</option>
<option>eeeee</option>
</select>
<select name=select2></select>
lanbor 2002-07-17
- 打赏
- 举报
<html>
<head>
<script>
function addOption()
{
var the_option= new Option(select1.value,select1.value);
select2.add(the_option);
select2.selectedIndex = select2.options.length-1
}
</script>
</head>
<body>
<select name=select1>
<option value='aaaaa'>aaaaa</option>
<option value='bbbbb'>bbbbb</option>
<option value='ccccc'>ccccc</option>
<option value='ddddd'>ddddd</option>
<option value='eeeee'>eeeee</option>
</select>
<input type=button value="==>" onclick="addOption()">
<select name=select2 onchange="alert(this.value)"></select>
</body>
</html>
<head>
<script>
function addOption()
{
var the_option= new Option(select1.value,select1.value);
select2.add(the_option);
select2.selectedIndex = select2.options.length-1
}
</script>
</head>
<body>
<select name=select1>
<option value='aaaaa'>aaaaa</option>
<option value='bbbbb'>bbbbb</option>
<option value='ccccc'>ccccc</option>
<option value='ddddd'>ddddd</option>
<option value='eeeee'>eeeee</option>
</select>
<input type=button value="==>" onclick="addOption()">
<select name=select2 onchange="alert(this.value)"></select>
</body>
</html>
fokker 2002-07-17
- 打赏
- 举报
或者这样来添加，可以将原来的去掉：
function addslt(){
for(var i=0;i<select1.options.length;i++){
if(select1.options[i].selected){
select2.appendChild(select1.options[i])
}
}
}
function addslt(){
for(var i=0;i<select1.options.length;i++){
if(select1.options[i].selected){
select2.appendChild(select1.options[i])
}
}
}
fokker 2002-07-17
- 打赏
- 举报
<SELECT id=select1 name=select1 style="WIDTH: 40px" multiple>
<OPTION value=11 selected>11</OPTION><OPTION
value=22>22</OPTION><OPTION value=33>33</OPTION>
</SELECT>
<SELECT id=select2 name=select2 multiple>
</SELECT>
<INPUT type="button" value="Button" id=button1 name=button1 onclick="addslt()">
<script language=javascript>
function addslt(){
for (var i=0; i < select1.options.length; ++i){
if (select1.options[i].selected){
var selection = select1.options[i].text;
select2.options[select2.options.length] = new Option(selection);
}
}
}
</script>
<OPTION value=11 selected>11</OPTION><OPTION
value=22>22</OPTION><OPTION value=33>33</OPTION>
</SELECT>
<SELECT id=select2 name=select2 multiple>
</SELECT>
<INPUT type="button" value="Button" id=button1 name=button1 onclick="addslt()">
<script language=javascript>
function addslt(){
for (var i=0; i < select1.options.length; ++i){
if (select1.options[i].selected){
var selection = select1.options[i].text;
select2.options[select2.options.length] = new Option(selection);
}
}
}
</script>
