我已经阅读了很多关于动态添加字段集的博客和帖子,但它们都给出了一个非常复杂的答案.我需要的并不是那么复杂.
我的HTML代码:
<input type="text" name="member" value="">Number of members: (max. 10)<br />
<a href="#" id="filldetails">Fill Details</a>
因此,用户将在input字段中输入一个整数值(我正在使用javascript检查验证).点击Fill Details链接后,将显示相应数量的输入字段供他输入.我想用javascript实现这一点.
我不是javascript的专家.我在想如何input通过链接检索用户在字段中填写的整数,并显示相应数量的输入字段.
我尝试以下操作 -
var input = document.createElement("<input type='checkbox' name='test'>")
但它提示——
Uncaught InvalidCharacterError: The string contains invalid characters.
我用Chrome Version 33.0.1750.146 m
我正在尝试<input type=text>根据用户的请求生成多个。换句话说，用户输入一个数字，例如n，因此<input type=text>将在屏幕上显示一段n时间。
这是我的代码，以某种方式基于此答案，但对我而言无法正常工作。
function generateInputs() {
var count = document.getElementById("test");
for (i = 0; i < Number(count); i++) {
var input = document.createElement("input");
input.setAttribute('type', 'text');
var x = document.getElementsByClassName("testClass");
x[0].appendChild(input)
}
}<body>
<input type="number" id="test" min="2" max="20" required>
<button onclick="generateInputs()">Test</button>
<div class="testClass">
</div>
</body>我希望看到例如2 <input ...>，如果用户输入2并单击按钮，但是什么也没有显示。您介意让我知道我的错误吗？