!DOCTYPE htmlhtmlhead title数据输入页面titleheadbody h3请输入数据并以逗号分隔h3 textarea id=data rows=10 cols=50textarea br button onclick=splitData提交button div id=outputdiv script function splitData var data = do
<!DOCTYPE html>
<html>
<head>
<title>数据输入页面</title>
</head>
<body>
<h3>请输入数据并以逗号分隔</h3>
<textarea id="data" rows="10" cols="50"></textarea>
<br>
<button onclick="splitData()">提交</button>
<div id="output"></div>
<script>
function splitData() {
var data = document.getElementById("data").value;
// 替换数据
data = data.replace(/原始数据/g, "替换后的数据");
var dataArray = data.split(",");
var output = document.getElementById("output");
var boxCount = Math.ceil(dataArray.length / 100);
var index = 0;
for (var i = 0; i < boxCount; i++) {
var box = document.createElement("textarea");
box.rows = "10";
box.cols = "50";
var boxData = "";
for (var j = 0; j < 100; j++) {
if (index >= dataArray.length) {
break;
}
boxData += dataArray[index] + ",";
index++;
}
boxData = boxData.slice(0, -1);
box.value = boxData;
output.appendChild(box);
}
}
</script>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/bTG8 著作权归作者所有。请勿转载和采集!