html和php中的onchange下拉框？

是否有人知道如何使用下拉菜单对表单进行编码，在下拉菜单中选择选项后，表单将根据所选的下拉菜单选项显示特定布局

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

选中我的

给出了一些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>

1.
2.
3.
4.

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

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

$（'select'）。更改（函数（evt）{
var no_inputs=$（this.val（）；
$（'.input'）。每个（函数（i）{
$（this.hide（）；
如果（i<无输入）{
$（this.show（）；
}
});
});

检查我的

给出了一些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>

1.
2.
3.
4.

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

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

$（'select'）。更改（函数（evt）{
var no_inputs=$（this.val（）；
$（'.input'）。每个（函数（i）{
$（this.hide（）；
如果（i<无输入）{
$（this.show（）；
}
});
});

看看jQuery的事件。如果你想用php实现，你需要创建一个表单并提交它以显示文本框。如果你想用php实现，你需要创建一个表单并提交它以显示文本框。如果你想使用php，你需要创建一个表单并提交它以显示文本框。你的代码似乎在你的JSBin中工作，但如果我将其复制到我的netbeans软件并在IE或chrome中运行，代码似乎不起作用。知道为什么吗？@ayowhassup您在项目中包括jQuery了吗？在文档准备好的处理程序中，

$（function（）{/*insert code here*/}

？$（function（）{$（'#select'）。更改（function（evt）{var no_inputs=$（this）.val（）；$（'.input'）。每个（function（i）{$（this）.hide（）；if（i您的代码似乎在我们的JSBin中工作，但如果我将其复制到我的netbeans软件并在IE或chrome中运行，这些代码似乎不起作用。知道为什么吗？@ayowhassup您将jQuery包含在项目中了吗？您是否在文档就绪处理程序中，

$（function（）{/*在此处插入代码*/}

？$（函数（）{$（'#选择'）.change（函数（evt）{var no_输入=$（this.val（）；$（'.input'）.each（函数（i）{$（this.hide（）；if（i您的代码似乎在我们的JSBin中工作，但如果我将其复制到我的netbeans软件并在IE或chrome中运行，这些代码似乎不起作用。知道为什么吗？@ayowhassup您将jQuery包含在项目中了吗？您是否在文档就绪处理程序中，

$（function（）{/*在此处插入代码*/}

？$（函数（）{$（'#选择'）.change（函数（evt）{var no_输入=$（this.val（）；$（'.input'）.each（函数（i）{$（this.hide（）；if（i