如何在Jquery中使用循环将表多次添加到div [英] How to use loop in Jquery to add table multiple times into div

问题描述

我想将表多次(基于下拉列表中的选定值)添加到div标签中.我用下面的代码，它只显示一个表行.有人可以指导我实施这种情况吗?

I want to add table multiple time (based on drop down list selected value) into div tag. I used below code and it is displaying only one table row. Can any one guide me to implement this scenario?

<select id="ddl">
                    <option value="1">1 </option>
                     <option value="2">2 </option>
                      <option value="3">3</option>
                       <option value="4">4 </option>
                       <option value="5">5 </option>
             </select>

    <table id="dis">

    <tr>
           <td> 
            <select id="fieldname1">
                    <option value="1"> 1</option>
                     <option value="2">2 </option>
                      <option value="S3">3</option>
                       <option value="S4">4 </option>
                       <option value="AA">5 </option>
             </select>
           </td> 
       <td> 
            <select id="fieldname2">
                    <option value="1">1 </option>
                     <option value="2">2 </option>
                      <option value="3">3</option>
                       <option value="4">4 </option>
                       <option value="A">A </option>
             </select>
           </td> 
        </tr>
   </table>

<div id="dynamicgroup"> </div>

<script>
     $("#ddl").change(function () {

         var count = parseInt($(this).val());


for (var i = 0; i <count; i++) {


             $('#dynamicgroup').append($('#dis'));


         }

推荐答案

尝试一下:您试图每次都附加dis表，这将替换div中的同一表，相反，您可以放置​​其完整副本.使用.clone()，然后将其附加到div

Try this : You are trying to append dis table everytime and this will replace the same table in div, instead you can put its clonned copy. use .clone() and then append it to div

$("#ddl").change(function () {
    var count = parseInt($(this).val());
    for (var i = 0; i <count; i++) {
        $('#dynamicgroup').append($('#dis').clone().removeAttr("id"));
     }
});

这篇关于如何在Jquery中使用循环将表多次添加到div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！