자바 스크립트를 기반으로 생성되는 동적 양식이 있습니다. 여기에 관련 자바 스크립트는 다음과 같습니다특정 텍스트 영역을 삭제하는 방법은 무엇입니까?
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 : 단순히 새로운 텍스트 영역을 추가로
<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>
내가 추가 기능을 좋아한다. 그러나 제거 단추는 양식 맨 아래에서 제거합니다. removeRowFromTable이 특정 텍스트 영역을 제거하도록 어떻게 만들 수 있습니까? 예를 들어, 양식의 마지막 텍스트가 아닌 중간에있는 텍스트 영역 중 하나를 삭제하려고합니다.
의견을 보내 주셔서 감사합니다.
제안 해 주셔서 감사합니다. 나는이 문제를 조사하고 있었지만 문제는 모든 텍스트 영역이 동적이라는 것입니다. 즉, 각각의 텍스트 영역이 완전히 다른 것입니다. 그래서 jquery 요소의 이름을 모르는 않고 행을 제거 할 수 없습니다 및 jquery 요소의 이름을 알 수없는 PHP 루프 내에 있습니다. 어떤 제안? : \ –
신경 쓰지 마, 알아 냈어! :) –