JSfiddle 代码不起作用

JSfiddle code is not working

本文关键字：不起作用 代码 JSfiddle      更新时间：2023-09-26

我正在尝试将元素从一个列表框转移到html中的另一个列表框。为此，我使用以下代码：

问题 ：：--我从堆栈溢出的链接中找到了这段代码，该链接重定向到 jsfiddle 站点，它正在该站点上工作，但在这里不起作用？？

<html>
<header>
 <script type="text/javascript">
 $(function(){
    $("#button1").click(function(){
        $("#list1 > option:selected").each(function(){
            $(this).remove().appendTo("#list2");
        });
    });
    $("#button2").click(function(){
        $("#list2 > option:selected").each(function(){
            $(this).remove().appendTo("#list1");
        });
    });
 });
 </script>
 </header>
<body>
<div>
    <h3>List A</h3>
    <select id="list1" multiple="multiple" rows=2>
        <option value=1>Option 1</option>
        <option value=2>Option 2</option>
        <option value=3>Option 3</option>
        <option value=4>Option 4</option>
    </select>
    <br/>
    <input id="button1" type="button" value="Move to List B" />
</div>
<div>
    <h3>List B</h3>
    <select id="list2" multiple="multiple" rows=2>        
    </select>
    <br/>
    <input id="button2" type="button" value="Move to List A" />
</div>
</body>

</html>

我知道这是一个非常愚蠢的问题，但我是一个初学者。

我在这里做错了什么？？ 请帮助我..

像

这样<head></head>部分添加jquery文件

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

然后它工作正常。

相关文章：