如何在页面加载时直接使用Javascript填写输入字段中的数据?

时间:2016-04-17 07:03:51

标签: javascript jquery

Stack Overflow上似乎已经提出了很多这个问题但是没有一个解决方案似乎有效。我正在开发一个Web应用程序,我必须在页面加载时填写数据字段中的数据。这是我的代码:

<!DOCTYPE html>
<html>
<body>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<input type="text" id="datetime" value="" />
<script type="text/javascript">
$(document).on("pageload",function(){
//for fill field
document.getElementById("datetime").value = "here is value";
});
</script>


</body>
</html>

出于某种原因,当我加载页面时,没有数据被填入,有没有人看到它的原因?

3 个答案:

答案 0 :(得分:5)

你不需要jQuery。试试这个:

<!DOCTYPE html>
<html>

<body>
  <input type="text" id="datetime" value="" />

  <script>
    window.onload = function() {
      document.getElementById('datetime').value = 'here is value';
    };
  </script>

</body>

</html>

答案 1 :(得分:0)

您使用的是什么版本的jquery?看起来页面加载可能已弃用,您应该使用pagecontainerload

或者更好的是使用$(document).ready或.load方法?

答案 2 :(得分:0)

在Jquery中,它被称为document ready事件......所以请使用以下语法。

$(document).ready(function(){
 //for fill field
 $("#datetime").val( "here is value");
});

注意代码的内部行已经改变了。这是Jquery做同样事情的方式...... 您也可以使用此速记来$(document).ready(function(){ 那是$(function(){