添加随机输入类型
Add input types on random
我有一个输入类型number。一旦用户在该字段中输入号码。我想在它下面生成那么多输入类型。我怎么用javascript或Ajax做这件事。
<table width="100%">
No of Plans:
<input type="text" name="numbers" value="" onkeypress="return isNumberKey(event)"/> //using AUI here to check if numbers only
//If the number is 5 say. I need to generate 5 input fields under here.
我的Javascript将检查用户只输入数字是
<script type="text/javascript">
function isNumberKey(evt) {
var charCode = (evt.which) ? evt.which : event.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57))
return false;
return true;
}
</script>
这一切都对我有用。我只需要一个循环,它将生成输入字段作为在numbers
中输入的值。
像这样的东西应该有帮助:
function createInputs() {
var num = 123, // <-- user-defined
i,
input,
body = document.getElementsByTagName("body")[0];
for (i = 0, i < num; i++) {
input = document.createElement("input");
input.type = "text";
// Add to the DOM
body.appendChild(input);
}
}
您可以使用create element动态创建输入元素
参考此http://viralpatel.net/blogs/2009/01/dynamic-add-textbox-input-button-radio-element-html-javascript.html
function addElement(eletype){
var ele = document.createElement("input");
ele.setAttribute("type", eletype);
//id is the id1 of the div or any component in which you want to add this element
var baseele = document.getElementById("id1");
baseele.appendChild(ele);
}
你可以在这里找到很好的帮助
http://viralpatel.net/blogs/2009/01/dynamic-add-textbox-input-button-radio-element-html-javascript.html相关文章:
- 使用模式格式化Number类型输入中的值
- 在 JavaScript 中单击函数时两个日期类型输入之间的差异的代码
- 在codeigneter中按类型输入框显示数据库中的数据
- 已从'上传文件;文件'img字段中未显示类型输入字段
- 如何使用ReactTestUtils设置HTML5文件类型输入
- 检测用户拖动范围类型输入
- 无法在使用 Java 脚本创建的表单中设置提交类型输入
- 按钮类型输入上的点击事件不起作用
- 如何使用javascript更改隐藏类型输入字段的值
- sap.m中的自定义输入类型.输入sap-ui5
- 如何使用jquery动态添加/删除文件类型输入字段
- 提交事件未捕获提交类型输入
- Jquery - info/docs关于适用于表单中不同类型输入元素的属性列表
- 从Mobile Safari'日期/时间类型输入字段触发哪些事件?
- 饼状图II -动态值从范围类型输入
- 我可以在文件类型输入中显示文件大小吗?
- 新的webkit在数字类型输入中将十进制逗号转换为~ dot,反之亦然.该浏览器特性的Javascript名称
- 如何在javascript中验证具有相同名称的多个相同类型输入
- 邮件类型输入:如果邮件错误或正确,动态改变按钮的颜色/文本
- 如何将文件类型输入传递到javascript中,并将其用于另一个php页面