將文本區域按行轉換爲數組，然後使用Jquery將它附加到div中？

我已經嘗試過大量的代碼，並且已經在javascript文件中留下了註釋。我想獲取textarea的內容（由用戶定義）並將其轉換爲數組。然後，我將使用for循環將每個元素附加到一個新的div。所有按鈕1被點擊。將文本區域按行轉換爲數組，然後使用Jquery將它附加到div中？

我已經建立了這個

http://jsfiddle.net/34uBW/1/

一個的jsfiddle我已經看了看這裏的其他職位，我想我失去了一些東西，我需要使用PHP？（從來沒有使用PHP）之前

感謝

JS看起來像這樣

$(document).ready(function() 
{ 

$('#button').click(function() 
{  
    var toAdd = $('input[name=checkListItem]').val(); 
    var $newdiv = "<div class='draggable'>" + toAdd + "</div>"; 
    $("#1").append($($newdiv).draggable()); 


} 
); 

$('#button1').click(function() 
{ 
    /* //var yes = $('input[name=myname]').val(); 
    //var yes = $('input[name=myname]').val().split('\n'); 
    var yes = document.getElementById('textarea').value.split('\n'); 
    //var yes = $('#textarea')[0].value.split('\n');   
    var $newdiv1 = "<div class='draggable'>" + yes[0] + "</div>"; 
    $("#1").append($($newdiv1).draggable()); 
    var lines = $('#textarea').val().split(/\n/); 
    var texts = [] 
    for (var i=0; i < lines.length; i++) { 
    // only push this line if it contains a non whitespace character. 
    if (/\S/.test(lines[i])) { 
    texts.push($.trim(lines[i])); 
    } 
    } 

    alert(JSON.stringify(texts));*/ 

} 
); 





});

來源

2013-01-02 Ferg

什麼是爲每個數組條目定義拆分，它是一個新行（'\ n'）？請參閱此方法：[split（..）]（https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/String/split） – knownasilya

是的，我可以將新代碼與我的代碼結合jQuery的？我只是把它放在點擊按鈕功能？ – Ferg

這是你想要的嗎？

var lines = $("textarea").val().split(/\n/g);  //Split the lines 
for(var i=0; i < lines.length; i++){    //Loop through the Array 
    var ele = $("<p>");       // ├─ Create a node 
    ele.html(lines[i]);       // ├─ Put in the text 
    $("#opt").append(ele);       // └─ Append it 
}

http://jsfiddle.net/DerekL/Ge2yF/
http://jsfiddle.net/DerekL/Ge2yF/16

這將通過\n（換行）分裂textarea的值轉換成一個陣列，然後在div其追加。

來源

2013-01-02 23:03:27

thias是真棒只是試圖讓它與我的代碼一起工作，現在所有的工作，但需要使新的ele可拖動！乾杯 – Ferg

@Freg - '$（ele）.draggable（）'可以做到這一點。 [試試看]（http://jsfiddle.net/DerekL/Ge2yF/8/）。 –

是啊有麻煩，因爲我沒有鏈接到Jqueryui – Ferg

將文本區域按行轉換爲數組，然後使用Jquery將它附加到div中？

回答

相關問題