javascript - 根据用户输入创建多个表单项

Question

我有一个用户输入的值。如何在 javascript/jQuery 或 PHP 中创建一定数量的表单项供用户填写？

例如。

<select id = "Fooinput" name = "Foo">
    <option value = "0">0</option>
    <option value = "1">1</option>
    <option value = "2">2</option>
    <option value = "3">3</option>
    <option value = "4">4</option>
</select>
<button id ="fooclick">Button</button>
<div id="fillout"></div>

在 jQuery 中还有类似的东西

$(document).ready(function(){
  var inputnum = $("Fooinput").val();
  $("#foobutton").click(function(){
      for (var i=0; i<inputnum;i++){
          $("#fillout").append('<select id="uniqueid">OPTIONS</select>');
      } 
  });
}); 

我很高兴看到 jQuery 或 PHP 中的解决方案，我只是不明白以后如何通过为所有选择框提供唯一 ID 来检索值。

Answer 1

在循环中给唯一的id inputnum

$("#fillout").append('<select id="uniqueid'+inputnum+'" class="Dropdown">OPTIONS</select>');

因此 id 将是唯一的，如 uniqueid0 ， uniqueid1 等

然后你可以访问它，使用唯一的id，使用像

这样的事件

$(".Dropdown").click(function(){
    $(this).attr(id);
});

使用 Inspect 元素进行检查，Fiddle ，你得到唯一的 id ，在这种情况下，我硬编码了 1 但相同的值将在你的代码中循环。