Question

我有一些像这样的HTML

<table class="table table-bordered table-hover" id="actionTable">
    <thead>
    <tr >
        <th class="text-center">Action</th>
        <th class="text-center">Responsibility</th>
        <th class="text-center">Completion Date</th>
    </tr>
    </thead>
    <tbody>
    <tr id='actionRow'>
        <td>
            <input type="text" name='actionInput'  placeholder='Action' class="form-control"/>
        </td>
        <td>
            <select class="responsibility" name="responsibilityInput" id="responsibilityInput">
                <option value="OptionOne">Option One</option>
                <option value="OptionTwo">Option Two</option>
                <option value="OptionThree">Option Three</option>
                <option value="OptionFour">Option Four</option>
            </select>
        </td>
        <td>
            <input type="text" name='dateInput' placeholder='Completion Date' class="form-control"/>
        </td>
    </tr>
    </tbody>
</table>
<a id="add_row" class="btn btn-default pull-right">Add Row</a>
<a id='delete_row' class="pull-right btn btn-default">Delete Row</a>

单击“添加行”按钮时，我需要它来克隆actionRow。我有一点工作到这一点。这是我JSFiddle 如您所见，成功克隆了一行。但是，在克隆的行上，“选择”框不再起作用。这是因为我需要在克隆它之前销毁克隆的选择。这里的答案更好地解释了这个问题 Stack Overflow Answer

我怎么能在我的情况下应用这个呢？我正在克隆整行，而不是单个选择输入？我如何单独克隆选择但仍然在我需要它的地方？

任何帮助表示感谢。

由于

JQuery克隆Select2输入

0 个答案: