一个简单的JavaScript题目

发布网友 发布时间：2022-04-20 22:52

我来回答

共3个回答

热心网友 时间：2022-04-24 19:21

楼上两位的代码都可以导致重复添加

这个应该满足你的要求，而且添加后还可以删除：

<style>
<!--
select{
width:120px;
}
-->
</style>
<table width="282" border="0" cellspacing="0" cellpadding="0">
<form action="" method="post">
<tr>
<td width="120" height="242"><select name="a1" id="a1">
<option value="2009-01-01">2009-01-01</option>
<option value="2009-01-02">2009-01-02</option>
<option value="2009-01-03">2009-01-03</option>
<option value="2009-01-04">2009-01-04</option>
<option value="2009-01-05">2009-01-05</option>
<option value="2009-01-06">2009-01-06</option>
<option value="2009-01-07">2009-01-07</option>
<option value="2009-01-08">2009-01-08</option>
<option value="2009-01-09">2009-01-09</option>
<option value="2009-01-10">2009-01-10</option>
</select></td>
<td width="109" align="center"><input type="button" name="Submit" value="添加" onclick="add()">
<br>
<br>
<input type="button" name="Submit2" value="删除" onClick="del()"></td>
<td width="171"><select name="a2" id="a2">
</select>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr></form>
</table>
<script language="javascript">
function add()
{

s1=document.getElementById("a1");
l=s1.length;
j=0;
for(i=0;i<l;i++)
{
if(s1.options[i].selected==true)
{
v=s1.options[i].value;
s2=document.getElementById("a2");
m=0;
for(k=0;k<s2.length;k++)
{
if(s2.options[k].value==v)
{
m=1;
}
}
if(m==0)
{
var varItem = new Option(v, v);
s2.options.add(varItem);
}
else
{
alert('已经存在此选项');
}
j=1;
break;
}
}
if(j==0)
{
alert('请选择你要添加的选项');
}
return false;
}
function del()
{
s2=document.getElementById("a2");
l=s2.length;
j=0;
for(i=0;i<l;i++)
{
if(s2.options[i].selected==true)
{
s2.options.remove(i);
s2.length=l-1;
j=1;
break;
}
}
if(j==0)
{
alert('请选择你要删除的选项');
}
return false;
}
</script>

热心网友 时间：2022-04-24 20:39

<script type="text/javascript">
function show(){
var a =document.form1.select1.value;
document.form1.select2.options.add(new Option(a,a));

}
</script>

<form name="form1">
<select name="select1">
<option>可选择项目</option>
<option>----------------------</option>
<option value="香蕉">香蕉</option>
<option value="葡萄">葡萄</option>
<option value="苹果">苹果</option>
<option value="梨子">梨子</option>
</select>
<input type="button" value="-->" onclick="show()"/>
<select name="select2">
<option>可选择项目</option>
<option>----------------------</option>
</select>
</form>
这是我照你那个样子写的，你那个option 里面都没有值，是看不出来的

热心网友 时间：2022-04-24 22:14

function show(){
var s1 = document.getElementById('select1');
var index=s1.selectedIndex;
var value = s1.options[index].text;
var s2 = document.getElementById('select2');
s2.options.add(new Option(value,value));
}
方法就是这样了
我想你应该不希望重复添加对吧 自己写代码控制下