从输入框中获取值并使用Javascript将其分配给变量

Question

嗨，我只是Java语言的新手，我想为来自输入框的变量分配一个值，然后在循环中访问该变量。 我已经尝试使用document.getElementbyID（'inputboxID'）。value; 和document.getElementbyName（'inputboxName'）。value; 但这没用。

这是我的代码：

<script>
var count = 0;

$(function(){
$('p#add_field').click(function() {
var num = document.getElementById('enfonum').value;
while (count < num) {
count +=1;
$('#container').append( 
'<strong>Enforcer #'+count+'</strong><br/>'
+'<input id="field_  '+count+'"name="field[]'+'"type="text"/><br/>');
}
});
});
}
</script>

这是输入框的代码：

<input type="text" id="enfonum" name="enfotxt"/>

这是将触发脚本执行的链接的代码：

<p id="add_field">< a href="#"><span>&raquo; Add Enforcer</span></a></p>

Answer 1

您的代码无法正常工作的原因仅在于document.GetElementById不存在，正确的语法是document.getElementById 。

这是一个带有示例的jsfiddle 。

祝你好运和延续！

干杯！

Answer 2

您必须在运行时获取enfonum输入的值，而不是在初始页面加载期间将其存储在num var中。 这是带有正确代码的工作示例：

 var count = 0; var num = document.getElementById('enfonum'); $('p#add_field').click(function () { while (count < num.value) { count += 1; $('#container').append('<p><strong>Enforcer #' + count + '</strong><br/>' + '<input id="field_' + count + '" name="field[]' + ' "type="text"/><br/></p>'); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p><input type="text" id="enfonum" name="enfotxt" /></p> <p id="add_field"><a href="#"><span>&raquo; Add Enforcer</span></a></p> <div id="container"></div> 

Answer 3

删除代码中多余的 } ，它将为您提供语法错误。 之后对其进行尝试，该代码可以正常工作。 语法错误可能会破坏您的JavaScript，明智的做法是使用firebug之类的插件来启用 Firefox，以发现javascript错误。

让我知道它是否有效。