RT。我的是添加选项的效果,有一个select下拉框,我选中某一项,点击右侧的添加按钮,就将此项的值添加到下方的div里的span里,然后span有个叉号,点击这个叉号可以删除该选项,谁有类似的效果的,跪谢了!
用outerHTML实现的就不用发言了,我都快被他折磨死了,兼容性太差!求高手指教下,看到类似特效的发下网址也行,跪谢了!在线等,一旦解决,立即结贴!!动态添加删除节点

解决方案 »

  1.   

    jquery可以吗<!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> new document </title>
    <meta name="generator" content="editplus" />
    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>
    </head><body><script type="text/javascript">
    <!--
    $(document).ready(function(){
    var $box = $("#box");
    $("#city").change(function(){
    $box.append('<p>'+ $(this).find("option:selected").text() +'<a href="javascript:;">删除</a></p>');
    $box.find("a").click(function(){
    $(this).parent().remove();
    });
    });
    });

    //-->
    </script><select id="city">
    <option>北京</option>
    <option>广州</option>
    <option>上海</option>
    </select><div id="box"></div></body>
    </html>