87,997
社区成员
发帖
与我相关
我的任务
分享js select多选列表怎么互相传值
俩个框左右传值，我现在是左边数据提取出来了，到右边的框数据保存不起来，谁能说说思想原理，怎么传值，一个ID还是俩ID呢
...全文
请发表友善的回复…
发表回复
jusfr 2012-02-25
- 打赏
- 举报
请贴细节
梦千怅 2012-02-25
- 打赏
- 举报
建议用Jquery 这个比较简单实现
double22822 2012-02-25
- 打赏
- 举报
楼主的意思是左右两个list，来回传递option吗？参考动态创建和删除option。
xfsnm110 2012-02-25
- 打赏
- 举报
<html>
<head>
<title>无标题文档</title>
<script>
function doChange(obj1,obj2){
var i=obj1.value;
obj2.options[i].selected=true;
}
</script>
</head>
<body>
<select id="selectA" name="selectA" onChange="doChange(this,selectB)">
<option value="0" selected>请选择</option>
<option value="1">AAA</option>
<option value="2">BBB</option>
<option value="3">CCC</option>
</select>
<select id="selectB" name="selectB" onChange="doChange(this,selectA)">
<option value="0" selected>请选择</option>
<option value="1">XXX</option>
<option value="2">YYY</option>
<option value="3">ZZZ</option>
</select>
</body>
</html>
</html>
似梦飞花 2012-02-25
- 打赏
- 举报
<script type="text/javascript">
function change(){
var a=document.getElementById("test1");
var m=a.selectedIndex;
var v=a[m].value;
var t=a[m].text;
var n=new Option(t,v);
var s=document.getElementById("test2");
s[s.length]=n;
}
</script>
</head>
<body>
<select id="test1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="button" value="传值" onclick="change()">
<select id="test2"></select>
</body>
这样试试
function change(){
var a=document.getElementById("test1");
var m=a.selectedIndex;
var v=a[m].value;
var t=a[m].text;
var n=new Option(t,v);
var s=document.getElementById("test2");
s[s.length]=n;
}
</script>
</head>
<body>
<select id="test1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="button" value="传值" onclick="change()">
<select id="test2"></select>
</body>
这样试试
