jQuery在克隆中选择的选项

时间:2018-12-31 06:56:26

标签: jquery

http://jsfiddle.net/tejaskot/3enz8fmy/1/

我如何在jquery clone中为下一行选择选项 jsfiddle有我的代码,请为此提供建议 我已经尝试了很多方法但没有成功,并且我是jquery的新手,为什么我不知道要减慢该问题的速度,如果有任何查询,请给出快速的答案,请在此先评论谢谢。

html代码

<table class="table table-bordered table-striped table-condensed table-hover" id="dynamic_field">  
               <th>Course Name</th>


               <tr id="id" class="trrow"> 
                    <td class="col-md-4">
                        <select class="form-control select2 selectCourse" data-id="1"  id="course_id_1" name="course_id[]" data-live-search="true">
                    <option value="" selected> Select Course Name</option>
         <option value="1">m. s. office</option>
         <option value="2">windows 7</option>
         <option value="3">Test</option>
                        <option value="14">test1</option>


                         </select >
                     </td>



                    <td class="col-md-2"><input type="button" name="add" value="Add Row" class="btn btn-success"></td>

               </tr>  
        </table>

jquery代码

$("input.btn-success").on('click', function() 
            {
                $latest_tr  = $('#dynamic_field tr:last');


var selects = $latest_tr.find("select");

                //Destroy select2
                //$('select.select2').select2('destroy');

                //Cloning tr
                $clone = $latest_tr.clone();


                $latest_tr.after($clone);




     $(selects).each(function(i) 
                    {
                        var select = this;
 $clone.find('select.select2').eq(i).val($(select).val());                                                               
                        });

                //creating select2
                $('select.select2').select2();



                //$clone.find(':text').val('');
                //$clone.find(':textarea').val('');

                $clone.find('.btn-success').val('X');
                $clone.find('.btn-success').addClass('btn-danger').removeClass('btn-success');

                    $('#dynamic_field tr').each(function (i) 
                    {
                        i++;
                        $(this).find('tr:last');
                        if (i === 0)
                            return;
                        i--;
                        var selectinput = $(this).find('select');
                        var textinput = $(this).find('input');
                        var textarea = $(this).find('textarea');

                        selectinput.eq(0).attr('data-id', '' + i);
                        selectinput.eq(0).attr('id', 'course_id_' + i);
                        selectinput.eq(1).attr('id', 'parent_id_' + i);
                        textinput.eq(0).attr('id', 'topic_name' + i);
                        textarea.eq(0).attr('id', 'topic_description' + i);
                    });


                    /*Removing Row */
                    $(document).on('click', '.btn-danger', function()
                    {  
                            $(this).closest(".trrow").remove();
                    }); 
            });

0 个答案:

没有答案
相关问题