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

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 +'" >');
      }
    }
});​

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