javascript - 在 jquery 中按行分隔并发布

Question

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

现在，我该怎么做？

Answer 1

\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 演示。

Answer 2

您需要按行拆分值。然后为每一行生成结果。

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);
   }