Excel 여러 줄 여러 열을 복사하여 HTML에 붙여넣으면 자동으로 여러 텍스트 상자 생성
copytablehtml.html
,
var tableNode;
$('#div1').bind('paste', function(e) {
event.preventDefault(); //
//
var data = null;
var clipboardData = window.clipboardData || e.originalEvent.clipboardData; // IE || chrome
data = clipboardData.getData('Text');
console.log(data.replace(/\t/g, '\\t').replace(/
/g, '\
')); //data
//
var arr = data.split('
')
.filter(function(item) { // Excel
,
return (item !== "")
}).map(function(item) {
return item. split("\t");
});
tableNode=document.createElement("table");//
var row=arr.length;
var cols=arr[0].length;
for(var x=0;x<row;x++){
var trNode=tableNode.insertRow();
for(var y=0;y<cols;y++){
var tdNode=trNode.insertCell();
//tdNode.innerHTML=" "+(x+1)+"-"+(y+1);
tdNode.innerHTML="<input type='text' name='tname_"+(x+1)+"_"+(y+1)+"' value='"+arr[x][y]+"'/>";
}
}
document.getElementById("div1").appendChild(tableNode);//
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.