如何将Javascript变量放入html页面

Question

我在html中得到了这一行：

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

我在javascript函数中也有一个变量，我想把它放在html行的值中。

Answer 1

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

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

我为你做了一个简单的例子，纯粹的Javascript。

Answer 2

为此，你可以像这样使用jQuery：

＆＃13;

＆＃13;

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

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" name="number" value="">

＆＃13;

＆＃13;

＆＃13;

Answer 3

您可以在JSP中访问JavaScript变量，如下所示：

<强> JavaScript的：

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

<强> JSP：

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