如何用js实现添加到第二个下拉列表的内容不重复
<scripttype="text/javascript">functionaddrmb(){varfirst=document.getElementById("firs...
<script type="text/javascript">
function addrmb(){
var first=document.getElementById("first");
var second=document.getElementById("second");
var testf=document.getElementsByName("testf");
var tests=document.getElementsByName("tests");
if(first.value != ""){
var o = new Option();
o.text = first.value;
second.add(o);
}
}
function delrmb(){
var second=document.getElementById("second");
second.remove(second.selectedIndex)
}
</script>
</HEAD>
<BODY>
<table>
<tr>
<td>
<select id="first" name="testf" multiple="ture" style="width:300px; height:300px;">
<option value="美元/英镑" name="po">美元/英镑</option>
<option value="美元/港币" name="po">美元/港币</option>
<option value="美元/新加坡元" name="po">美元/新加坡元</option>
<option value="美元/日元" name="po">美元/日元</option>
<option value="美元/加拿大元" name="po">美元/加拿大元</option>
<option value="美元/欧元" name="po">美元/欧元</option>
</select>
</td>
<td style="width:300px;">
<input type="button" value="增 加" onclick="addrmb()"/><br/><br/>
<input type="button" value="删 除" onclick="delrmb()"/><br/><br/>
<input type="button" value="。。。。。" />
</td>
<td>
<select id="second" name="tests" multiple="ture" style="width:300px; height:300px;">
</select>
</td>
</table>
</BODY> 展开
function addrmb(){
var first=document.getElementById("first");
var second=document.getElementById("second");
var testf=document.getElementsByName("testf");
var tests=document.getElementsByName("tests");
if(first.value != ""){
var o = new Option();
o.text = first.value;
second.add(o);
}
}
function delrmb(){
var second=document.getElementById("second");
second.remove(second.selectedIndex)
}
</script>
</HEAD>
<BODY>
<table>
<tr>
<td>
<select id="first" name="testf" multiple="ture" style="width:300px; height:300px;">
<option value="美元/英镑" name="po">美元/英镑</option>
<option value="美元/港币" name="po">美元/港币</option>
<option value="美元/新加坡元" name="po">美元/新加坡元</option>
<option value="美元/日元" name="po">美元/日元</option>
<option value="美元/加拿大元" name="po">美元/加拿大元</option>
<option value="美元/欧元" name="po">美元/欧元</option>
</select>
</td>
<td style="width:300px;">
<input type="button" value="增 加" onclick="addrmb()"/><br/><br/>
<input type="button" value="删 除" onclick="delrmb()"/><br/><br/>
<input type="button" value="。。。。。" />
</td>
<td>
<select id="second" name="tests" multiple="ture" style="width:300px; height:300px;">
</select>
</td>
</table>
</BODY> 展开
展开全部
看看是这意思不
function addrmb(){
var first=document.getElementById("first");
var second=document.getElementById("second");
var testf=document.getElementsByName("testf");
var tests=document.getElementsByName("tests");
var res = abc(first.value,document.getElementById("second").getElementsByTagName("option"));
// alert(res);
if(first.value != "" && res){
var o = new Option();
o.text = first.value;
second.add(o);
}
}
function delrmb(){
var second=document.getElementById("second");
second.remove(second.selectedIndex)
}
function abc(a,obj){
var arr = new Array();
for (var i=0;i<obj.length;i++){
arr[i] = obj[i].innerHTML;
}
for(var j=0;j<arr.length;j++){
if(a == arr[j]){
return false;
}
}
return true;
}}
function addrmb(){
var first=document.getElementById("first");
var second=document.getElementById("second");
var testf=document.getElementsByName("testf");
var tests=document.getElementsByName("tests");
var res = abc(first.value,document.getElementById("second").getElementsByTagName("option"));
// alert(res);
if(first.value != "" && res){
var o = new Option();
o.text = first.value;
second.add(o);
}
}
function delrmb(){
var second=document.getElementById("second");
second.remove(second.selectedIndex)
}
function abc(a,obj){
var arr = new Array();
for (var i=0;i<obj.length;i++){
arr[i] = obj[i].innerHTML;
}
for(var j=0;j<arr.length;j++){
if(a == arr[j]){
return false;
}
}
return true;
}}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
您是想把第一个下拉框内容增加到第二个下拉框吗????
追问
是的,而且希望增加的项不重复
追答
逻辑上是循环遍历两次,再在循环里加if判断可以搞定,你先按我的逻辑思考思考,我把代码写出来。
楼下正解!!!!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询