在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(",")); 
});