<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<form id="form1" name="form1" method="post" action="">
  <p>
    <input name="text1" type="text" id="text1" value="1" />
  </p>
  <p>
    <input name="text2" type="text" id="text2" value="2" />
</p>
  <p>
    <input name="text3" type="text" id="text3" value="3" />
  </p>
</form>
</body>
</html>
如何用JavaScript脚本来实现 每次刷新input输入框value的值从1~100自动填入比如刷新一次后text1、text2、text3的value值为1
再刷新下text1、text2、text3的value值为2
再刷新下text1、text2、text3的value值为3
以此类推一直到100

解决方案 »

  1.   

    刷新后js就重新开始执行了,没有办法像jsp中可以用session来存储变量吧, 要是点击按钮后text1,text2,text3的值依次为1-100的话倒是很简单
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" language="javascript">


    function getRandom(){
    var num = Math.random() * 100; //random 函数取得0-1的随机数,然后乘以100
    var value = Math.ceil(num); //取得num的上舍入数字,比如2.1会得到3

    var text1 = document.getElementById("text1");
    text1.value = value;
    var text2 = document.getElementById("text2");
    text2.value = value;
    var text3 = document.getElementById("text3");
    text3.value = value;
    }
    </script>
    </head><body onload="getRandom()">
    <form id="form1" name="form1" method="post" action="">
      <p>
        <input name="text1" type="text" id="text1" value="1" />
      </p>
      <p>
        <input name="text2" type="text" id="text2" value="2" />
    </p>
      <p>
        <input name="text3" type="text" id="text3" value="3" />
      </p>
    </form>
    </body>
    </html>
    ok了