将文本区域按行转换为数组，然后使用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中？

回答

相关问题