2013-02-20 30 views
-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 demo上面的代碼。jquery和post

現在我卡在這裏:

1Text 
2Text 

我希望它在文本框中顯示這是因爲現在2

Games 
Play 1text 1 
Play 2text 1 

,當我在文本框中輸入1鍵入此,我該怎麼做?

+1

請同時在這裏發佈你的代碼,如果jsfiddle將來無法訪問,這個問題將無助於幫助他人。 http://stackoverflow.com/faq#howtoask – Seer 2013-02-20 11:08:16

+1

什麼先知說是正確的,但與jsFiddle它更多的是「什麼時候」而不是「如果」的情況 - 它在過去一週至少下降了兩次。 – 2013-02-20 11:09:30

+0

完成....現在我希望我得到一些答案 – 2013-02-20 11:10:23

回答

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

+0

謝謝兄弟....這正是我想要的 – 2013-02-20 11:19:50

+0

沒問題:)很高興幫助。你可能想接受它是否有幫助;) – BenM 2013-02-20 11:26:09

+0

是啊......很多有用的 – 2013-02-20 11:42:02

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