使用getElementById从多行文本文件获取输入到id

Question

我是javascript的新手，我正在尝试从文本文件中收集和显示信息以进行操作。这是在程序启动时需要显示的标题。

到目前为止，我可以让函数适用于一行，但是当我尝试将它用于多行时，它只从文本文件中抓取第一行文本并将其显示为我调用它的次数。

我知道我需要使用一个数组，但这比我目前所处的更先进。如果使用阵列是最有效或唯一的方法，请告诉我。示例代码如下，我与我的想法没有结合。我只是想弄清楚让它发挥作用的最佳方法。我的小组有一个模板制作者，但如果它更好，我总是可以改变它们的方式。

function write_caption_view（）{

var fsow;
fsow = new ActiveXObject("Scripting.FileSystemObject");

text_write = fsow.OpenTextFile(" ", 2, true, -2);       
text_write.writeline(document.getElementById("cap").value);

text_write.Close();

stat_write = fsow.OpenTextFile(" ", 2, true, -2);
stat_write.writeline("CONFIGURED");
stat_write.close(); 

alert("Saved Caption");

}

function read_caption_view（）{

var fsor;
fsor = new ActiveXObject("Scripting.FileSystemObject");
text_read = fsor.OpenTextFile(" ", 1, false, -2);
caption_notice = text_read.readline();
text_read.Close();

document.getElementById('cap').value = caption_notice;

function display_caption_view（）{

document.getElementById('cap').innerHTML = caption_notice;

}

Answer 1

有一个很好的example，展示了如何将多行字符串拆分成数组

基本上，你必须用换行符拆分字符串

var lines = $('#input').val().split('\n');

或者在你的情况下

var lines = document.getElementById("cap1").value.split('\n');

现在在lines你有一个字符串数组。这些可以使用迭代器进一步处理。

请注意a simpler way在javascript中定义多行字符串是：

var multiStr = "This is the first line \
    This is the second line \
    This is more...";

Answer 2

谢谢你的帮助。我想出了一种没有阵列的方法，虽然不是很优雅，但它可以工作并提供易于更新的版本。

function write_caption_view（）{

var fsow, fsor;
fsor = new ActiveXObject("Scripting.FileSystemObject");
fsow = new ActiveXObject("Scripting.FileSystemObject");

text_write = fsow.OpenTextFile("file location", 2, true, -2);       
text_write.writeline(document.getElementById("capline1").value);
text_write.writeline(document.getElementById("capline2").value);
text_write.writeline(document.getElementById("capline3").value);
text_write.writeline(document.getElementById("capline4").value);
text_write.writeline(document.getElementById("capline5").value);
text_write.writeline(document.getElementById("capline6").value);
text_write.writeline(document.getElementById("capline7").value);
text_write.writeline(document.getElementById("capline8").value);
text_write.writeline(document.getElementById("capline9").value);
text_write.writeline(document.getElementById("capline10").value);
text_write.writeline(document.getElementById("capline11").value);
text_write.writeline(document.getElementById("capline12").value);
text_write.writeline(document.getElementById("capline13").value);
text_write.writeline(document.getElementById("capline14").value);
text_write.writeline(document.getElementById("capline15").value);

text_write.Close();

stat_write = fsow.OpenTextFile("file location", 2, true, -2);
stat_write.writeline("CONFIGURED");
stat_write.close(); 

alert("Saved Caption");

}

function read_caption_view（）{

var fsor;
fsor = new ActiveXObject("Scripting.FileSystemObject");

fsor = new ActiveXObject("Scripting.FileSystemObject");
text_read = fsor.OpenTextFile("file location", 1, false, -2);
caption_notice_line1 = text_read.readline();
caption_notice_line2 = text_read.readline();
caption_notice_line3 = text_read.readline();
caption_notice_line4 = text_read.readline();
caption_notice_line5 = text_read.readline();
caption_notice_line6 = text_read.readline();
caption_notice_line7 = text_read.readline();
caption_notice_line8 = text_read.readline();
caption_notice_line9 = text_read.readline();
caption_notice_line10 = text_read.readline();
caption_notice_line11 = text_read.readline();
caption_notice_line12 = text_read.readline();
caption_notice_line13 = text_read.readline();
caption_notice_line14 = text_read.readline();
caption_notice_line15 = text_read.readline();

text_read.Close();

document.getElementById('capline1').innerHTML = caption_notice_line1;
document.getElementById('capline2').innerHTML = caption_notice_line2;
document.getElementById('capline3').innerHTML = caption_notice_line3;
document.getElementById('capline4').innerHTML = caption_notice_line4;
document.getElementById('capline5').innerHTML = caption_notice_line5;
document.getElementById('capline6').innerHTML = caption_notice_line6;
document.getElementById('capline7').innerHTML = caption_notice_line7;
document.getElementById('capline8').innerHTML = caption_notice_line8;
document.getElementById('capline9').innerHTML = caption_notice_line9;
document.getElementById('capline10').innerHTML = caption_notice_line10;
document.getElementById('capline11').innerHTML = caption_notice_line11;
document.getElementById('capline12').innerHTML = caption_notice_line12;
document.getElementById('capline13').innerHTML = caption_notice_line13;
document.getElementById('capline14').innerHTML = caption_notice_line14;
document.getElementById('capline15').innerHTML = caption_notice_line15; 

}

function display_caption_view（）{

document.getElementById('capline1').innerHTML = caption_notice_line1;
document.getElementById('capline2').innerHTML = caption_notice_line2;
document.getElementById('capline3').innerHTML = caption_notice_line3;
document.getElementById('capline4').innerHTML = caption_notice_line4;
document.getElementById('capline5').innerHTML = caption_notice_line5;
document.getElementById('capline6').innerHTML = caption_notice_line6;
document.getElementById('capline7').innerHTML = caption_notice_line7;
document.getElementById('capline8').innerHTML = caption_notice_line8;
document.getElementById('capline9').innerHTML = caption_notice_line9;
document.getElementById('capline10').innerHTML = caption_notice_line10;
document.getElementById('capline11').innerHTML = caption_notice_line11;
document.getElementById('capline12').innerHTML = caption_notice_line12;
document.getElementById('capline13').innerHTML = caption_notice_line13;
document.getElementById('capline14').innerHTML = caption_notice_line14;
document.getElementById('capline15').innerHTML = caption_notice_line15; 

}