2017-05-21 11 views
0

たとえば、段落番号などのユーザー入力を受け取り、次にその段落数を生成するボタンをクリックすると、何かを構築したかったのですか?私はわからない問題ありませんが、変数に段落を格納することができます推測しているJQuery入力段落ジェネレータ

どのように私でしユーザ入力:)

から、それを複数の私はどのようにいくつかで開始する助けと説明を取得した場合私はそれを感謝しますか?

答えて

1

ユーザーの値を取得し、forループを使用して出力を生成し、ページに配置します。

$("form").on("submit", function(e) { 
 
    e.preventDefault(); 
 
    var num = $('#num').val(), 
 
    paragraph = 
 
     "<p>Tired of lorum Ipsum? why not try puff-puffing ipsum? A simple and fun generator to help all those colour puffs that are in need. Put some puff into your project.</p>", 
 
     output = ''; 
 
    for (var i = 0; i < num; i++) { 
 
    output += paragraph; 
 
    } 
 
    $('#output').html(output); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
<input type="number" id="num"> 
 
<input type="submit" value="generate"> 
 
</form> 
 

 
<div id="output"></div>

0

次EEDます:(idはidの入力(ヒントのval()) 2.出力のdiv取るために使用されるIDを持つ 1.テキスト入力ボックスを - IDを(idはあなただけ追加する必要があり、最大ループはあなたの番号

ループの内側

よりも小さくなりますループのイベント 3.をクリックしてキャプチャするために使用TP出力IDとclixkイベントを提出するあなたのテキスト 3.ボタンに使用されますテキスト(可変divを出力する。

自分で試してみたいと思いますので、コードを書いていません。