在textarea中逐行读取文本

Question

我正在使用textarea进行用户输入。并想逐行阅读。 但它不显示任何内容 我想在不同的线路

JS逗号分隔的文本列表：

$('input[type=button]').click(function() { 
    string = document.getElementById("hi").val(); 
    alert(string); 
    var html=""; 
    var lines = $('#id').val().split('\n'); 
    for(var i = 0;i < lines.length;i++){ 
     //code here using lines[i] which will give you each line 
     html+=lines[i]; 
     html+=","; 
    } 
    $("#inthis").html(string); 
}); 

HTML：

<textarea id="hi" name="Text1" cols="40" rows="5" placeholder="enter one wdg in one line" ></textarea> 

<input type="button" value="test" /> 
<div id="inthis"></div> 

这里是jsfiddle：

http://jsfiddle.net/pUeue/1077/

Answer 1

这里更新了js ...

Demo Fiddle

$('input[type=button]').click(function() { 
    var html = ""; 
    var lines = $('#hi').val().split('\n'); 
    for (var i = 0; i < lines.length; i++) { 
     //code here using lines[i] which will give you each line 
     html += lines[i]; 
     html += ","; 
    } 
    html = html.substring(0,html.length-1); 
    $("#inthis").html(html); 
}); 

Answer 2

.val()是一个jQuery的功能，您必须将DOM元素转换为jQuery的OBJ或使用.value

$('input[type=button]').click(function() { 
    string = $(document.getElementById("hi")).val(); 
    string = string.replace("\n", ",") 
    $("#inthis").html(string); 
}); 

http://jsfiddle.net/pUeue/1090/

Answer 3

变化：

string = document.getElementById("hi").val(); 

TO

string = document.getElementById("hi").value; 

jsfiddle

Answer 4

首先你的本地JavaScript和jQuery代码在你的榜样迷茫组合。例如，本地DOM元素没有val()方法，那就是jQuery。其次，只需使用split()和join(',')就可以大量简化代码。试试这个：

$('input[type=button]').click(function() { 
    var string = $("#hi").val().split('\n').join(','); 
    $("#inthis").html(string); 
}); 

Example fiddle

Answer 5

有错误在u必须用来代替值jQuery的VAL所以尝试下面第二行： -

string = document.getElementById("hi").value; 

，并需要把下面的线在你面前加载在div中的字符串:-

html = html.substring(0,html.length-1); 

Answer 6

http://jsfiddle.net/pUeue/1085/

$('input[type=button]').click(function() { 
    string = $(document.getElementById("hi")).val(); 
    alert(string); 
    var htmlD=""; 
    var lines = string.split('\n'); 
    for(var i = 0;i < lines.length;i++){ 
    //code here using lines[i] which will give you each line 
    htmlD+=lines[i]; 
    htmlD+=","; 
} 
    $("#inthis").html(htmlD); 
}); 

Answer 7

我在这里纠正代码：http://jsfiddle.net/pUeue/1080/。

$('input[type=button]').click(function() { 
    string = $("#hi").val(); 
    alert(string); 
    var html=""; 
    var lines = $('#hi').val().split('\n'); 
    for(var i = 0;i < lines.length;i++) { 
     //code here using lines[i] which will give you each line 
     html+=lines[i]; 
     html+=","; 
    } 
    $("#inthis").html(html); 
}); 

Answer 8

试试这个

$('input[type=button]').click(function() { 
    var lines = $('#hi').val().split(/\n/); 
    $("#inthis").html(lines.join(",")); 
});