2

我正在尝试克隆表的最后一行并使用 jquery 指定新的名称和 ID 属性。

查询函数

function addTableRow(table){

    var $tr = $(table).find("tbody tr:last").clone();
    $tr.find("input,select,textarea").attr('name', 'test');
    $tr.find("input,select,textarea").attr('id', 'test');
    $(table).find("tbody tr:last").after($tr);

}

表格行（在 PHP 中）

echo '<tr onclick="alert(this.innerHTML);">';
echo '<td>Home: </td>';
echo '<td colspan="6"><input type="text" name="home'.$i.'" id="home'.$i.'" value="'.$row['homePhone'].'" style="width: 90px;"></td>';
echo '</tr>';

按钮（PHP 之外）

<button onclick="addTableRow(document.getElementById('tableID'));">Add</button>

上面的代码在 chrome 和 firefox 中完美运行。然而，在 IE9 中，只有 id 属性发生了变化，而名称始终保持不变。

是什么导致了这种行为，我怎样才能让我的代码工作？

4

0 回答 0