如何将Javascript变量放入html页面

Question

I got this line in html :

<input type="text" name="number" value= "" style="width: 20px;border:#FFFFFF none 0px;" readonly></p>

And I also have a variable in a function in javascript that I would like to put in the value of the html line.

Answer 1

http://jsfiddle.net/6v28hj75/1/

function myFunction() {
input = document.getElementsByTagName('input')[0];
input.value = "Your value here"; 
}
myFunction()

I made you a simple example, pure Javascript.

Answer 2

For this purpose you can use jQuery like this :

 jQuery(function($){ var foo = 'bar'; $('input[name="number"]').val(foo); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" name="number" value=""> 

Answer 3

You can access JavaScript variables in JSP as below:

JavaScript:

 var fruit = "Apple";
 $("#someTextBox").val(fruit);

JSP:

<input type="text" id ="someTextBox" name="number" style="width: 20px;border:#FFFFFF none 0px;"></p>