0

HTMLであるリストボックスから別のリストボックスに要素を転送しようとしています。このために、私は以下のコードを使用しています:

質問 ::-- このコードは、jsfiddle サイトにリダイレクトする stackoverflow によるリンクから見つけました。そのサイトでは機能していますが、ここでは機能していませんか??

<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>

これは非常にばかげた質問であることはわかっていますが、私は初心者です。

私はここで何を間違えましたか?? 私を助けてください ..

4

1 に答える 1