Question

我想构建一些可以接受用户输入的内容，例如段落编号，例如5，然后当他们点击按钮时会生成那么多段落？

我猜我可以在一个变量中存储一个段落，这是没有问题的，但不确定我如何从用户输入中复制它:)

如果我得到一些帮助，并解释如何做到这一点，我将不胜感激！

var $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>'
});

Answer 1

获取用户的值并使用for循环生成输出，然后将其放在页面上。

＆＃13;

$("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);
});

＆＃13;

<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>

＆＃13;

Answer 2

您将获得以下信息： 1.带有id的文本输入框（id将用于输入（提示val（）） 2.输出div与id-id将用于输出你的文字 3.按钮提交带有id的clixk事件（用于捕获点击事件的id 3. for循环，其中最大循环将小于您的数字

在for循环中你只需要附加文本（你可以变量输出div。

我不是在编写代码，因为我猜你想自己尝试一下

Jquery输入段生成器

2 个答案: