根据选项的数量手动输入选项字段

时间:2017-11-15 06:51:06

标签: javascript html

我需要你的帮助。我需要根据元素的数量输入一些元素(单词)。这个元素编号作为选项给出。例如,如果选择的选项是4,则应该出现4个空字段,其中元素被填补任何人都可以帮助我吗?

1 个答案:

答案 0 :(得分:0)

您可以通过JavaScript / HTML完成所有操作。



document.getElementById("create").addEventListener("click", function () {
  var container = document.getElementById("container");
  
  for (var i = 0, len = document.getElementById('fields').value; i < len; i++) {
    var inputElement = document.createElement('input');
    inputElement.type = "text";
    container.appendChild(inputElement)
  }
});
&#13;
Fields needed: <input type="text" id="fields" value="4" /><br />
<button id="create">create</button>
<div id="container">
  
</div>
&#13;
&#13;
&#13;

如果您对jQuery感兴趣:

&#13;
&#13;
$("#create").click(function () {
  $container = $('#container');
  for (var i = 0, len = parseInt($("#fields").val()); i < len; i++) {
    $('<input>')
      .attr('type','text')
      .appendTo($container);
  }
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Fields needed: <input type="text" id="fields" value="9" /><br />
<button id="create">create</button>
<div id="container">
  
</div>
&#13;
&#13;
&#13;