-1 
Html:
<textarea id="game" type="text" class="resizedTextbox"/></textarea>
<input id="times" type="text" class="resizedTextbox" value=1>
<textarea id="info" type="text" class="resizedTextbox"/></textarea>

JS:
$(document).ready(function()
{
    $('#game').change(UpdateInfo);
    $('#times').change(UpdateInfo);
});

   function UpdateInfo()
   {
          var times = $('#times').val();
         var game = 
             $('#game').val();
     var line = 'Play ' + game + " " + times
     var info ="Games \n" + line;
     $('#info').val(info);
   }

上記のコードのjsFiddle デモも提供しています。

今、私はここで立ち往生しています:

テキストボックス1にこれを入力すると：

1Text
2Text

テキストボックス2にこのように表示したい

Games 
Play 1text 1
Play 2text 1

さて、どうすればいいですか？

4

2 に答える 2

2

文字を使用して行を分割できます\n。たとえば、次のように実行できます。

$(this).val().split("\n");

したがって、コードは次のようになります。

function UpdateInfo()
{
    var times = $('#times').val(),
        games = $('#game').val().split("\n"),
       output = "Games\n";

    for(var i = 0; i < games.length; i++)
    {
         output += "Play "+games[i]+" "+times+"\n";   
    }

     $('#info').val(output);
}

これは動作中のjsFiddle demoです。

于 2013-02-20T11:12:00.687 に答える
0

値を行ごとに分割する必要があります。次に、各行の結果を生成します。

function UpdateInfo()
   {
       var times = $('#times').val();
       var game = $('#game').val().split("\n");
       var info = 'Games \n';
       for (var i = 0; i < game.length; i++) {
           info += 'Play ' + game[i] + " " + times + "\n"
       }
       $('#info').val(info);
   }
于 2013-02-20T11:13:30.857 に答える