如何将.txt文件中的数据加载到textarea中

时间:2016-07-06 18:08:04

标签: javascript jquery html textarea text-files

我正在尝试使用.txt文件中的数据填充textarea。我尝试过使用类似问题的答案,但我找不到一个有效的答案 在文件的头部,我有这个导入一个与jQuery一起使用的库:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Textarea声明:

<textarea id="fillText" cols="40" rows="5"></textarea>

这是我在textarea声明之后的脚本标记:

<script>
var fileName = '<?php echo $fileN;?>.txt'; //gets the filename
//The follow works and alerts the browser with the contents of the text file
jQuery.get(fileName, function(data) {
   alert(data);
   //process text file line by line
   $('fillText').html(data.replace('n',''));

});
</script>

我也尝试过使用它:

 $(".fillText").load(fileName);

但由于某种原因,这不起作用。

2 个答案:

答案 0 :(得分:3)

由于您正在使用textarea,因此您需要指定值而不是html。

变化:

$('fillText').html(data.replace('n',''));

要:

$('#fillText').val(data.replace('n',''));

答案 1 :(得分:2)

.fillText表示您要查找class="fillText"的HTML元素 #fillText表示您要查找id="fillText"的HTML元素,这就是您想要的内容。

你可能想要这样做: http://www.w3schools.com/cssref/css_selectors.asp

此外,您可以使用您在#中显示的加载函数,因为它就是这样的。