<select id="s1" multiple="multiple" size=10>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
<option>选项4</option>
<option>选项5</option>
</select>
<p id="bt">
<button id="bt1">>></button>
<button id="bt2">>>></button>
<button id="bt3"><<</button>
<button id="bt4"><<<</button>
</p>
<select id="s2" multiple="multiple" size=10></select>
下面是jQuery:
$(function(){
$("#bt1").click(function(){
var $targ=$("#s1 option:selected");
$("#s2 option:contains($targ.text())").remove();
//$("#s2 option").has($targ).remove();
$("#s2").append("<option>"+$targ.text()+"</option>")
$targ.hide();
return false;
})
$("#bt3").click(function(){
var $targ=$("#s2 :selected");
$("#s1 option:containts($targ.text())").show();//问题好像在这里
$targ.remove();
return false;
})
})
问题是点击第三个按钮让右边已选的选项移到左边,但是右边所有的选项都移到左边了??button按钮刷新了页面。我return false都不管用
下面是截图:
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
$("bt1") 改成$("#bt1")
我刚测试了下代码,逻辑上是没有问题的,最后少了});
最后加上}),点击>>>按钮结果如下:
是不是因为你
下面是jQuery:
$(function(){
...
...
...
//这里没有结束标记 });呢?
重代码上来看是没有问题的