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

最新推荐文章于 2022-10-28 15:46:18 发布

中骑士

最新推荐文章于 2022-10-28 15:46:18 发布

阅读量2.2k

点赞数

文章标签： function xhtml jquery html

本文链接：https://blog.csdn.net/szwang1/article/details/6958630

版权

代码如下，用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>

中骑士

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[问题？]UL和select同样结构，为什么UL实现了，select实现不了？

代码如下，用jQuery实现一个功能，select下包含option，同时UL下包含LI，为什么UL可以实现点击加到下边，select点击加不到下边？记在这里以后学的多了，有可能解决了再回来解决试试吧，唉。 $(function() { $("#s1 option").click(function() {
复制链接

扫一扫