1

少しでも参考になればと思いました。その上のテキスト領域にあるもののライブプレビューを取得したい.

テキスト領域の各改行は、その上にリストとして表示されるため、次のようになります。

  • テスト
  • テスト2
  • テスト3

テキストエリア:

test
test2
test3

どのように機能させたいかというと、ロード時にテキスト領域の内容を読み取り、上記の内容をリストに表示することです。次に、テキスト領域の内容が変更されると、その上のリストも変更されます。

ここに私のコードがあります: http://jsfiddle.net/spadez/9sX6X/

<h4>Placeholder</h4>
<ul id="tst"></ul>
<textarea rows="4" cols="50" placeholder="Test" id="test"></textarea>

これは私が得た距離です：

$('#test').bind('input propertychange', function() {
      if(this.value.length){
Rerender list to show contents
      }
});

これは私の最初のスクリプトの 1 つなので、これをどのように達成すべきかについて誰かが私にガイダンスを教えてくれませんか?

4

3 に答える 3

2

これはあなたが探しているものですか？http://jsfiddle.net/9sX6X/2/

コード

$('#test').bind('keyup', function () {
    if (this.value.length) {
        var inp = this.value.split("\n");
        $("#list").empty();
        for(var x = 0; x < inp.length; x++){
            $("#list").append("<li>"+inp[x]+"</li>")   
        }
    }
});

それが役に立てば幸い

于 2013-06-19T10:34:39.563 に答える