[问题?]UL和select同样结构,为什么UL实现了,select实现不了?

代码如下,用jQuery实现一个功能,select下包含option,同时UL下包含LI,为什么UL可以实现点击加到下边,select点击加不到下边?

记在这里以后学的多了,有可能解决了再回来解决试试吧,唉。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <script src="JS/jquery-1.4.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $("#s1 option").click(function() {
                $(this).appendTo("#s2");
            });
        }); 
        $(function() {
            $("#ul1 li").click(function() {
                $(this).appendTo("#ul2");
            });
        });
    </script>

</head>
<body >
    <!--这里使用select元素-->
     <select id="s1" multiple="multiple">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
    </select><br />
    <select id="s2" multiple="multiple">
        <option>ddddddddd</option>
    </select>   
    <hr />
    <!--以下是UL元素控件-->
    <ul id="ul1">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <ul id="ul2">
        <li>ddddddddd</li>
    </ul>

</body>
</html>


你可能感兴趣的:(html,jquery,function,XHTML)