Question

我需要另一个名字2列，其中有一个按钮（全部复制）一旦你点击它就会出现一个对话框“你确定要复制|是/否”。它会将数据从name克隆到name2。

<table class="downpanel">
    <thead>
        <tr>
            <th></th>
            <th>Name</th>
            <th></th>
            <th>Name2</th>
            <th></th>
            <th colspan="">Count</th>
            <th></th>
            <th>Unit</th>
            <th></th>
            <th>Category</th>
            <th></th>
            <th>Data1</th>
            <th></th>
            <th>Data2</th>
            <th></th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <input type="button" class="copyall">
            </td>
            <td>
                <input type="text" size="25" name="name">
            </td>
             <td>
                <input type="text" size="25" name="name2">
            </td>   
            <td>
                <input type="button" class="copy">
            </td>
            <td>
                <input type="text" size="3" name="from">
            </td>
            <td>
                <input type="text" size="3" name="to">
            </td>
            <td>
                <input type="button" class="copy">
            </td>
            <td>
                <select name="unit" style="width: 75px;">
                    <option value="blah">blah</option>
                </select>
                <br />
            </td>
            <td>
                <input type="button" class="copy">
            </td>
            <td>
                <select name="category" style="width: 275px;">
                    <option value="blah">blah</option>
                </select>
                <br />
            </td>
            <td>
                <input type="button" class="copy">
            </td>
            <td>
                <input type="text" size="10" id="datepicker" name="data1">
            </td>
            <td>
                <input type="button" class="copy">
            </td>
            <td>
                <input type="text" size="7" name="data2">
            </td>
            <td>
                <input type="button" class="copy">
            </td>
        </tr>
    </tbody>
</table>

http://jsfiddle.net/jakecigar/hq2GG/2/

Answer 1

您正面临模式混搭问题。您使用HTML启动了数据，现在您想通过Javascript操作它。你的问题越复杂，你就会越多地编码混乱。这不是关于混合不同的编码实践，而是通过在HTML中设计一个部分而在Javascript中设计另一个部分来打破概念性的返工。所以，因为javascript似乎是强制性的，所以首先设计所有内容，好像整个应用程序只包含Javascript。定义一种模式：

DOM-Node-Manipulation（将是最先进的，也更容易操作）或
html编译风格（使用innerHTML）

获得模式后，将矩阵设为矩阵。如果需要复制单元格，分别是行和列，则需要能够解决这些问题。在DOM模型中，您可以维护一个二维包装器数组，在html编译样式中，您显然会使用ID，例如cell1_3，它可以帮助您使用getElementById。在您能够处理元素的时间点，只需要制定循环，以批量模式复制，移动或删除内容。

一旦你完成了所有的概念性预备工作，你就可以决定使用html（而不是javascript）来预填你的html页面 - 但是这必须遵循你为脚本模式设置的规则。

Answer 2

检查此http://jsfiddle.net/hq2GG/4/

 var r = confirm("Are you sure you want to copy?");

复制和复制所有

http://jsfiddle.net/hq2GG/6/

使用按钮将column1克隆到第2列

2 个答案: