实时创建元素

时间:2013-06-12 14:44:59

标签: jquery html jquery-mobile

我正在使用App,这是我创建的表单:

<form action="#" method="post" id="cen" runat="server">
        <table>
            <thead>
                <tr>
                    <th>Contacto</th>
                    <th>Fecha</th>
                    <th>Hora</th>
                    <th >Mensaje</th>
                </tr>
            </thead>
            <tbody>
                <tr>                        
                    <td><input name="user[]" id="correo" type="email" placeholder="contacto@correo.com" style="width: 10em;"></td>
                    <td><input name="date[]" id="fecha" type="date" data-role="datebox" data-options='{"mode": "calbox"}'></td>
                    <td><input id="hora" name="hour[]" type="text" data-role="datebox" data-options='{"mode": "timebox", "overrideTimeFormat": 12}'></td>
                    <td><textarea id="mensaje" name="mensaje[]" placeholder="Su mensaje Aqui" style="width: 15em; max-width: 15em;"></textarea></td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td><input type="submit" value="Enviar" /></td>
                </tr>
            </tfoot>
        </table>
    </form>

用户有一个允许他们创建元素的按钮,这是函数:

$(function () {
$("#btnagre").on("click", function () {

    var $clone = $("#cen").find("tbody").children().eq(0).clone(true);
    $("#cen").find("tbody").append($clone);
    return false;
});

我有以下问题:当我创建一个孩子时,它给了我父母的信息,所以如果我然后尝试改变孩子只有根改变。

1 个答案:

答案 0 :(得分:1)

您可以在附加

之前清除输入元素
$clone.find(":input").val("");