如何添加jquery的div副本？

我有一個div包含幾個動態生成的下拉菜單。如何添加jquery的div副本？

我想克隆這個並將其添加到原來的下面。原始的代碼是：

<div id="subjectselectiondiv" style="width:inherit;"> 
    <h4>Select the subjects that you are able to tutor</h4> 
    <div id='choices'> 
     <script type="text/javascript"> 
      var doc = document.getElementById("choices"); 
      var subj_div = document.createElement('div'); 
      subj_div.setAttribute('class', 'selectSearchBar'); 
      subj_div.innerHTML = '<select id="level'+counter+'" name="level'+counter+'" class="selectSearchBar"><?php echo "<option>Level</option>"; while($row = mysqli_fetch_array($result_level, MYSQLI_ASSOC)){echo "<option value=".$row['id'].">".$row['level']."</option>";}?></select><div id="subject'+counter+'" style="display:inline;">sBar2</div><div id="topic'+counter+'" style="display:inline;">sbar3</div>'; 
      doc.appendChild(subj_div); 
     </script> 
    <a href='#' class="more" onclick="Repeat()">Add another subject</a> 
</div>

我認爲功能重複（）將一起工作：

function Repeat(){ 
    counter++; 
    $('#choices').clone().appendTo('#subjectselectdiv'); 
    event.preventDefault(); 
}

但心不是工作 - 我這麼想嗎？

感謝

來源

2013-06-03 Mobaz

只是一個問題，爲什麼？ – SpYk3HH

@Spokey認爲這將用於調用Repeat（）以來的onclick，因爲它的href =「＃」？ – Mobaz

@SpYk3HH @ SpYk3HH需要允許用戶將其他級別/主題/主題添加到他們的賬戶 - 所以他們需要添加更多的能力 - 雖然現在我想起它，我會有多個具有相同ID的div，這會導致我的問題表格帖子！將再次看看這個 – Mobaz

名稱不匹配：

<div id="subjectselectiondiv" style="width:inherit;"> 
        ^^^^^^ 
$('#choices').clone().appendTo('#subjectselectdiv'); 
              ^^^

你試圖追加到不存在的東西。最有可能的是，如果你不想檢查你的javascript控制檯，你會看到有關不存在的元素的警告/錯誤。

來源

2013-06-03 21:26:37

facepalm !!感謝marc！ – Mobaz

如何添加jquery的div副本？

回答

相關問題