在jquery和post中按行分隔

Separate by line in jquery and post

本文关键字：分隔 post jquery      更新时间：2023-09-26
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

现在，我该怎么做？

您可以使用'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演示。

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

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);
   }
相关文章：