根据选择值更改表单输入的数量

Change number of form inputs based on select value

本文关键字:输入 表单 选择      更新时间:2023-09-26

我有一个格式如下的表单:http://jsfiddle.net/E3DfA/

我试图实现的是,当select的值发生变化时,表单输入的数量也会发生变化。

我四处搜索了一下,但没有发现任何对我来说真正有意义的东西,我知道我需要使用ajax,但我该怎么做呢。如果能朝着正确的方向前进,我们将不胜感激!

您不需要使用AJAX。您需要在select元素上捕获input事件,然后生成要显示的HTML代码。

看看jQuery库,文档中可能包含一些示例。

编辑

你差点到

$("select").change(function () {
      var str = "";
      var count = Number($("select option:selected").val())
      for (var i = 0; i < count; i++) {
          str += '<div class="oneinput"> <label>' + i
                  + "</label> <input name='" + i + "'></input>"
                  + "</div>";
      }
      $("#text").html(str);
});

您在需要使用for-循环的地方使用了.eacheach在数组上迭代。​

你在找这个吗?

其最基本的例子:

的基本示例