那么skyover请帮个忙吧

falcon_ahya 2002-07-17 05:50:26

请问怎么将select2中的项点击“<==”后删除
<html>
<head>
<script>
function addOption()
{
var the_option= new Option(select1.value,select1.value);
select2.add(the_option);
select2.selectedIndex = select2.options.length-1
}
function delOption()
{
select2.selectedIndex = select2.options.length + 1
select2.options = ""
}
</script>
</head>
<body>
<select name=select1 multiple>
<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()">
<input type=button value="<==" onclick="delOption()">
<select name=select2 multiple></select>
</body>
</html>

...全文

70 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

skyover 2002-07-17

打赏
举报

不选择的情况下，函数自己没有任何反应的。我试过了啊。

llrock 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
}
function delOption()
{
select2.selectedIndex = select2.options.length + 1
select2.options = ""
}

function delOpetion2() {
try{
select2.options.remove(select2.selectedIndex);
}
catch(x){alert('请先选择再删除')}
}
</script>
</head>
<body>
<select name=select1 multiple>
<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()">
<input type=button value="<==" onclick="delOpetion2()">
<select name=select2 multiple></select>
</body>
</html>

llrock 2002-07-17

打赏
举报

忘了写，你需要使用异常，处理没有选择的情况

llrock 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
}
function delOption()
{
var si=select2.selectedIndex
var oOption=select2.options[si];
select2.removeChild(oOption)
}
</script>
</head>
<body>
<select name=select1 multiple>
<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()">
<input type=button value="<==" onclick="delOption()">
<select name=select2 multiple></select>
</body>
</html>

skyover 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
}
function delOption()
{
select2.selectedIndex = select2.options.length + 1
select2.options = ""
}

function delOpetion2() {
select2.options.remove(select2.selectedIndex);
}
</script>
</head>
<body>
<select name=select1 multiple>
<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()">
<input type=button value="<==" onclick="delOpetion2()">
<select name=select2 multiple></select>
</body>
</html>

skyover 2002-07-17