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

Question

Hi I'm just new to Javascript and I am trying to assign a value to a variable coming from the input box then access that variable in a loop. I have tried using document.getElementbyID('inputboxID').value; and document.getElementbyName('inputboxName').value; but it didn't work.

Here's my code:

<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>

Here's the code for the input box:

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

and here's the code for the link that will trigger the script to be executed:

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

Answer 1

The reason your code is not working, is simply that document.GetElementById does not exists, the correct syntax is document.getElementById .

Here's a jsfiddle with an example.

Good luck and good continuation,

Cheers !

Answer 2

You have to get value of enfonum input at run-time, not storing it at num var during initial page loading. Here is the working sample with correct code:

 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

Remove the } in the code, it will give you syntax error. Tried it afterwards,the code works. Syntax errors can break your javascript, it is wise to use plugins like firebug for firefox to fish out javascript errors.

Let me know if it works.