1
간단한 동적 테이블을 HTML로 만들고 사용자의 입력 값을 텍스트의 새 줄에있는 텍스트 필드에 저장하는 메서드를 작성해야합니다. 들. 아이디어가 있습니까? 내 HTML 코드가db 또는 serve 할 필요없이 HTML 테이블의 입력 필드 값을 .txt로 저장
<INPUT type="button" value="Add Row" onclick="addRow('dataTable')" />
<INPUT type="button" value="Delete Selected Row" onclick="deleteRow('dataTable')" />
<INPUT type="button" value="Save Selected Row" onclick="saveRow('dataTable')" />
<INPUT type="button" value="Edit Selected Row" onclick="EditeRow('dataTable')" />
<TABLE id="dataTable" width="350px" border="1">
<TR>
<TD><INPUT type="checkbox" name="chk"/></TD>
<TD><INPUT type="text" name="dns[]"/></TD>
<TD><INPUT type="text" name="domain[]"/></TD>
<TD><INPUT type="text" name="ip[]"/></TD>
</TR>
</TABLE>
자바 스크립트 아래로 보이는 경우에만 삽입하고 지금은 행을 삭제합니다. 저장 입력은 현재 비어 있습니다.
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var colCount = table.rows[0].cells.length;
for(var i=0; i<colCount; i++) {
var newcell = row.insertCell(i);
newcell.innerHTML = table.rows[0].cells[i].innerHTML;
//alert(newcell.childNodes);
switch(newcell.childNodes[0].type) {
case "text":
newcell.childNodes[0].value = "";
break;
case "checkbox":
newcell.childNodes[0].checked = false;
break;
case "select-one":
newcell.childNodes[0].selectedIndex = 0;
break;
}
}
}
function deleteRow(tableID)
{
try {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
for(var i=0; i<rowCount; i++) {
var row = table.rows[i];
var chkbox = row.cells[0].childNodes[0];
if(null != chkbox && true == chkbox.checked) {
table.deleteRow(i);
rowCount--;
i--;
}
}
}catch(e) {
alert(e);
}
}
function saveRow(tableID){
table.saveRow(i);
}
function editRow(tableID){
}
어떤 아이디어를 사용합니까? 전체 작업이 로컬 컴퓨터에서 로컬로 실행되기 때문에 차라리 javascript를 사용하려고합니다.
보안은 어떻게됩니까? – Whatever
브라우저는 일반적으로 사용자에게 추가 보안 사용 권한을 허용할지 묻는 메시지를 표시하지만 https://caniuse.com/#search=filesystem에도 제대로 지원되지 않습니다. – neaumusic