组合框生成动态字段

Question

嗨我有一个组合框可以选择成人人数

<select name="adult_no" id="adult_no">
    <option value="">Select</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
  </select>

如何为成人名称生成动态字段。

由于

Answer 1

假设我理解正确，我想你想创建一些文本input元素，对应于select中选择的数字。如果这是正确的那么你可以做这样的事情：

$("#adult_no").change(function() {
    var example = $("#example");
    example.empty();
    for(var i = 0; i < this.value; i++) {
        example.append($("<input type='text'>"));   
    }
});

这是一个working example。显然，这不太可能是完美的（例如，您可能希望提供新的input元素名称或ID），但它应该足以让您入门。