根据选择值更改表单输入的数量
Change number of form inputs based on select value
我有一个格式如下的表单: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
-循环的地方使用了.each
。each
在数组上迭代。
你在找这个吗?
其最基本的例子:
的基本示例
相关文章:
- Nodejs服务器在解析之前生成输入表单
- 如何创建打开警报框的输入表单
- JavaScript onChange 事件侦听器对输入表单不起作用
- 如何在 OnKeyPress 事件后获取输入表单元素的值
- 单输入表单 - 特殊情况 |停止表单提交
- 需要输入表单验证
- 如何在谷歌图表中使用输入表单值
- 使用jquery可交换地更改两个html输入表单值
- 当从jqueryajax调用输入表单时,它不起作用
- 控制器作为搜索输入表单的语法
- 删除带有按钮的输入表单失败
- 验证带有2个小数点的浮点形式的输入表单
- AngularJS:输入表单在分部中不起作用
- 如何从php中的输入表单调用Javascript函数,以更改HTML
- 输入表单中的Sharepoint javascript
- 当点击输入表单时,为Raphael制作的对象添加光晕
- 当用户将数据输入表单时要知道的事件
- 保存输入表单后ImageMap颜色更改
- 链接输入表单中的填充脚本
- 有关多个输入表单验证的问题