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 に答える