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

时间:2012-07-11 07:43:50

标签: javascript

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

我想要实现的目标是当select的值发生变化时,表单输入的数量会发生变化。

我已经四处寻找,但发现对我来说没有任何意义,我知道我需要使用ajax,但我怎么会这样做。推进正确的方向将非常感激!

2 个答案:

答案 0 :(得分:1)

您不需要使用AJAX。您需要捕获input元素上的select事件,然后生成要显示的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);
});

您使用了.each,您需要使用for - 循环。 each遍历数组。

答案 1 :(得分:0)

你在找这个吗?

这是一个非常基本的例子:

Basic example