Question

网页 选中选择框内容,点击添加按钮，把内容添加到右边选择框，怎么用javascript实现啊？？？急求~~~~

删除同样需要~~~求解答

Answer 1

下面的例子在chrome22 IE9 firefox16下测试通过
<select size="5" id="select1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input type="button" name="button" id="button" value="提交" onClick="addOption()">
<input type="button" name="button" id="button" value="删除" onClick="delOption()">
<select id="select2" size="5"></select>
<script>

function addOption(){
var index=select1.selectedIndex;
if(index<0){
alert("没有选中要添加的项目")
return false
}
var theOpt=select1.options[index]
//取当前选中的元素
,txt=theOpt.text
,val=theOpt.value
//获取text、value值
,newOpt=new Option(txt,val)
//创建新的元素
,len=select2.options.length
//得到目标所有元素的数量
select2.options[len]=newOpt
//赋值完成元素的添加
}
function delOption(){
var index=select2.selectedIndex;
if(index<0){
alert("没有选中要删除的项目")
return false
}
select2.remove(index)
}
</script>

Answer 2

给你一种思路，单击添加时，用document对象获取左侧选中的内容，然后拿到其文本，填充到右侧即可。