Javascript 如何删除特定的textarea字段?
我有一个基于javascript生成的动态表单。以下是相关的javascript:Javascript 如何删除特定的textarea字段?,javascript,Javascript,我有一个基于javascript生成的动态表单。以下是相关的javascript: function addRowToTable() { var tbl = document.getElementById('convention'); var lastRow = tbl.rows.length; // if there's no header row in the table, then iteration = lastRow + 1 var iteration = last
function addRowToTable()
{
var tbl = document.getElementById('convention');
var lastRow = tbl.rows.length;
// if there's no header row in the table, then iteration = lastRow + 1
var iteration = lastRow;
var row = tbl.insertRow(lastRow);
// right cell
var cellRight = row.insertCell(0);
var el = document.createElement('textarea');
el.rows = '2';
el.cols = '80';
el.name = 'conventionSkill' + iteration;
el.size = 40;
var el2 = document.createElement('input');
el2.type = 'hidden';
el2.name = 'conventioni_alt';
el2.value = iteration;
el2.size = 40;
el.onkeypress = keyPressTest;
cellRight.appendChild(el);
cellRight.appendChild(el2);
}
function removeRowFromTable()
{
var tbl = document.getElementById('convention');
var lastRow = tbl.rows.length;
if (lastRow > 2) tbl.deleteRow(lastRow - 1);
}
HTML:
技能描述:
文本
文本2
我喜欢add函数,因为它只是添加了一个新的文本区域。但是,“删除”按钮将从窗体底部向上删除。如何使RemoveOwFromTable删除特定的文本区域?例如,如果我想删除中间文本中的一个文本,而不是在窗体中的最后一个。
谢谢你的建议 简而言之,您必须找到要删除的确切文本区域(可能是通过ID) 然而,在您过多地使用手动ID枚举和DOM操作代码之前,您可能需要了解jQuery()。jQuery通过它的选择器机制非常容易地处理这些东西,并且如果您尝试自己进行所有这些DOM操作,那么将避免您可能遇到的许多跨浏览器难题 你会发现很多关于jQuery的问题;例如,看看这个相关且简单的表操作有多容易:
IMHO学习jQuery对我和我的团队来说是一个巨大的Javascript生产力提升——这非常值得在我的经验中花费时间。简而言之,您必须找到要删除的确切文本区域(可能是通过ID) 然而,在您过多地使用手动ID枚举和DOM操作代码之前,您可能需要了解jQuery()。jQuery通过它的选择器机制非常容易地处理这些东西,并且如果您尝试自己进行所有这些DOM操作,那么将避免您可能遇到的许多跨浏览器难题 你会发现很多关于jQuery的问题;例如,看看这个相关且简单的表操作有多容易:
IMHO学习jQuery对我和我的团队来说是一个巨大的Javascript生产力提升——我花在体验上的时间是值得的。谢谢你的建议。我一直在研究这个问题,但我的问题是每个文本区域都是动态的,我的意思是,每个文本区域的ID都会完全不同。因此,我不能让jquery在不知道元素名称的情况下删除行,而jquery也不会知道元素的名称,除非它位于PHP循环中。有什么建议吗\谢谢你的建议。我一直在研究这个问题,但我的问题是每个文本区域都是动态的,我的意思是,每个文本区域的ID都会完全不同。因此,我不能让jquery在不知道元素名称的情况下删除行,而jquery也不会知道元素的名称,除非它位于PHP循环中。有什么建议吗\
<table id="convention">
<tr>
<td><label>Skill Descriptions:</label></td>
</tr>
<tr>
<td>
<textarea name='convention_54' rows='2' cols='80'>
text
</textarea></td>
<td><a href='javascript:void(0)' onclick='removeRowFromTable(54);'><font size=
'+1'>-</font></a></td>
</tr>
<tr>
<td>
<textarea name='convention_55' rows='2' cols='80'>
text2
</textarea></td>
<td><a href='javascript:void(0)' onclick='removeRowFromTable(55);'><font size=
'+1'>-</font></a></td>
<td><a href='javascript:void(0)' onclick='addRowToTable();'><font size=
'+1'>+</font></a></td>
</tr>
</table>