在HTML和PHP的onchange dropdownbox？

Question

有没有人知道如何使用下拉列表对表单进行编码在选择下拉列表中的选项后，表单将根据所选的下拉选项显示某个布局？

例如，如果我在下拉列表中选择4，则表单应显示4个空文本框，但如果我选择2，则表单将仅显示2。

Answer 1

检查我的JSBin！

给出一些HTML示例：

<select id='select'>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
</select>
<input id='a' class="input" hidden></input>
<input id='b' class="input" hidden></input>
<input id='c' class="input" hidden></input>
<input id='d' class="input" hidden></input>

您的解决方案可能如下所示：

$('#select').change(function (evt) {
  var no_inputs = $(this).val();
  $('.input').each(function (i) {
    $(this).hide();
    if (i < no_inputs) {
      $(this).show();
    }
  });
});