1

我已经尝试了大量代码，并在 javascript 文件中将其注释掉。我想获取文本区域（由用户定义）的内容并将其转换为数组。然后，我将使用 for 循环将每个元素附加到新的 div。所有当 button1 被点击时。

我为此设置了一个jsfiddle

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

我看过这里的其他帖子，我想我错过了一些我需要使用 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));​*/

}
);





});
4

1 回答 1

3

这是你想要的吗？

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

这会将 textarea 的值通过\n（换行符）拆分为一个数组，然后将其附加到div.

于 2013-01-02T23:03:27.680 回答