javascript - 有一个按钮没反应,求大神解围
黄舟
黄舟 2017-04-10 17:37:48
[JavaScript讨论组]
<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">&gt;&gt;</button>
<button id="bt2">&gt;&gt;&gt;</button>
<button id="bt3">&lt;&lt;</button>
<button id="bt4">&lt;&lt;&lt;</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都不管用
下面是截图:

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(4)
怪我咯

$("bt1") 改成$("#bt1")

迷茫
$("#btn1");
$("#btn2");
怪我咯

我刚测试了下代码,逻辑上是没有问题的,最后少了});


最后加上}),点击>>>按钮结果如下:

怪我咯

是不是因为你
下面是jQuery:
$(function(){
...
...
...
//这里没有结束标记 });呢?

重代码上来看是没有问题的

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号