javascript - 使用下拉列表动态添加输入框

Question

我在玩下拉列表，我想知道如何根据从下拉列表中选择的数字动态添加输入框。例如，如果选择一个则添加一个输入框，如果选择两个则添加两个输入框等...。任何提示或指导将不胜感激谢谢

Answer 1

我可以向您展示一个使用 jquery 的简单方法：

html

<select id="dropdown">
  <option value="0">Select number of inputs</option>
  <option value="1">1 input</option>
  <option value="2">2 inputs</option>
  <option value="3">3 inputs</option>
  <option value="4">4 inputs</option>
</select>
<div id="input-holder"></div>​

jQuery

$('#dropdown').change(function(){
    if ($(this).val() > 0) {
      $('#input-holder').empty();
      for (i = 1; i <= $(this).val(); i++) {
        $('#input-holder').append('<input type="text" name="input'+i+'" value="' + i +'" >');
      }
    }
});​

当然，这只是一个示例，可以通过多种其他方式完成。