Javascript 需要帮助形成JQuery以克隆<；选择>；元素并在父div中插入

有多个相同的div#下拉列表，如下html中所示，具有相同的id：

    <div class="DropDown">

       <div class ="ListAndLink">
   <select id="mydropdown" name="mydropdown">
   <option selected="selected" value="18">Blah</option>
    <option value="0">Do not include</option>
    </select> <a class="clone"> + Add</a>
       </div>    

    </div>

废话
不包括
+加

下面的jquery（使用1.5.1）适用于adegree，但它所做的是克隆整个

，并在其后插入另一个，克隆上的“+Add”链接也不起作用。在原稿上按+添加将使已克隆的内容（包括原稿）加倍/2倍

   $(".clone").click(function () {
        var clone = $(this).parent().clone();
        $(this).parent().append(clone);

        OnSuccess(mydata); // <- calculates total for all selected items 


    });

$（“.clone”）。单击（函数（）{
var clone=$（this.parent（）.clone（）；
$（this.parent（）.append（clone）；
OnSuccess（mydata）；//
这就是您需要的：

HTML
    <div class="DropDown">

       <div class ="ListAndLink">
   <select id="mydropdown" name="mydropdown">
   <option selected="selected" value="18">Blah</option>
    <option value="0">Do not include</option>
    </select> <a class="clone"> + Add</a>
       </div>       

       <div class ="ListAndLink">
   <select id="mydropdown" name="mydropdown">
   <option selected="selected" value="18">Blah</option>
    <option value="0">Do not include</option>
    </select> <a class="Delete"> - Del</a>
       </div>   

    </div>

<select class='keep'>
    <option value='Keep this' selected>Keep This</option>
    <option value='Delete this'>Delete This</option>
</select>
<span class='add'>+Add</span>
<select class='delete'>
</select>
<span class='rem'>-Rem</span>

$('.add').click(function(){
    $('.keep option:selected').clone().appendTo('.delete').end().end().remove();
});
$('.rem').click(function(){
    $('.delete option:selected').clone().appendTo('.keep').end().end().remove();
});