带有JS提示值的简单PHP计数器脚本

时间:2010-10-08 11:25:33

标签: php javascript counter

嗨朋友我需要一个简单的PHP脚本 它应该从myname01开始到myname-9999999数字。

But it should be like this 

01

02

03

04

。 。 。

9999999

点击按钮我想要这样的一些。用户被给出一个javascript提示输入所需的计数器值就像用户将值4放在js propmt中然后我的php计数器将看起来像这样 01

02

03

04

请帮忙解决这个问题。感谢

1 个答案:

答案 0 :(得分:2)

您不需要PHP来执行此操作。您正在做的是从用户那里获取输入并执行迭代数学运算。 Javascript能够进行迭代和数学运算。您需要PHP的唯一原因是您需要来自服务器的资源。

尝试以下内容:

<script type="text/javascript">
    function submitIt(){
        var countTo = document.getElementById("countForm").elements["countTo"].value;
        var countHere = document.getElementById("countHere");
        var countHere.innerHTML = '00';
        for(var i=0; i<=countTo && i<10; i++){
            countHere.innerHTML += '0'+i+'<br />';
        }
        for(var i=0; i<=countTo; i++){
            countHere.innerHTML += i+'<br />';
        }
    }
</script>
<form id="countForm" action="#" method="#">
    Count to: <input type="text" name="countTo" /><br />
    <input type="button" onclick="submitIt()" /><br />
</form>
<div id="countHere">
    The numbers will show up here
</div>

它无论如何都不是最有效的解决方案,但它应该展示出基本的前提。因为你想从00,01,02开始(而不是0,1,2 ......)我创建了第二个循环,如果数字小于10,则附加一个0。有更好的解决方案保留在一行,但是这个应该足够让你开始。

基本上,您必须确保<script><form>之前,以便浏览器在您单击按钮之前已经知道函数submitIt()是什么。单击该按钮然后调用此函数,该函数使用document.getElementById()定位表单元素并获取它的“countTo”元素的值。在此之后,我们再次使用document.getElementById()来查找我们想要输出的位置,我们只是循环使用这些值。

结帐this resource on updating text with javascriptThe official resource on javascript for loops