0

我编写了一个代码来从许多 id 中读取值并在按下按钮时显示该值。但是，按下时无法显示数值。我将文件保存为 php，但我需要在按下按钮时使用 javascript 来显示变量的值。下面是我的代码的一部分，它导致它不起作用

<html>
<head>
    <title>...</title>
CSS code here
    </head>
    <body>  
                $senario_1=3;
                $senario_2=3;
                $senario_3=3;
                $senario_4=3;
        <div id="content">
            <p class="senario_1">Senario 1</p>
            <p class="senario_2">Senario 2</p>
            <p class="senario_3">Senario 3</p>
            <p class="senario_4">Senario 4</p>
            <input id="senario_1" class="senario_1" type="text" value="<?php echo $senario_1 ?>"/>
            <input id="senario_2" class="senario_2" type="text" value="<?php echo $senario_2 ?>"/>
            <input id="senario_3" class="senario_3" type="text" value="<?php echo $senario_3 ?>"/>
            <input id="senario_4" class="senario_4" type="text" value="<?php echo $senario_4 ?>"/>
            <script type='text/javascript'>
                setTimeout(function()
                {
                    window.location.reload(true);
                },60000);
            </script>
        </div>  
        <div id="menu">
            <button onclick="refresh()" name="refresh" class="refresh">Refresh</button>
            <button onclick="senario_1()" name="senario_1" class="senario_1">Senario 1</button>
            <button onclick="senario_2()" name="senario_2" class="senario_2">Senario 2</button>
            <button onclick="senario_3()" name="senario_3" class="senario_3">Senario 3</button>
            <button onclick="senario_4()" name="senario_4" class="senario_4">Senario 4</button>
            <button onclick="reset()" name="reset" class="reset">Reset</button>
        </div>      
            <script type='text/javascript'>
                function refresh()
                {
                    document.getElementById("content").innerHTML=window.location.reload(true);
                }
                function senario_1()
                {
                    document.getElementById("senario_1").value="<?php echo $senario_1 ?>";
                }
                function senario_2()
                {
                    document.getElementById("senario_2").value="<?php echo $senario_2 ?>";
                }
                function senario_3()
                {
                    document.getElementById("senario_3").value="<?php echo $senario_3 ?>";
                }
                function senario_4()
                {
                    document.getElementById("senario_4").value="<?php echo $senario_4 ?>";
                }
                function reset()
                {
                    document.getElementById("senario_1").value="";
                    document.getElementById("senario_2").value="";
                    document.getElementById("senario_3").value="";
                    document.getElementById("senario_4").value="";
                }

        function refresh()
                {
                    document.getElementById("content").innerHTML=window.location.reload(true);
                }
                function senario_1()
                {
                    document.getElementById("top_left").value="<?php echo $senario_1 ?>";
                }
                function senario_2()
                {
                    document.getElementById("top_right").value="<?php echo $senario_2 ?>";
                }
                function senario_3()
                {
                    document.getElementById("bottom_left").value="<?php echo $senario_3 ?>";
                }
                function senario_4()
                {
                    document.getElementById("bottom_right").value="<?php echo $senario_4 ?>";
                }
                function reset()
                {
                    document.getElementById("top_left").value="";
                    document.getElementById("top_right").value="";
                    document.getElementById("bottom_left").value="";
                    document.getElementById("bottom_right").value="";
                }</script>

    </body>

</html>
4

1 回答 1

-1 
<html>
    <head>
        <title></title>
        <style type="text/css">
        input.senario_1
        {
            position:absolute;
            top:8%;
            left:30%;
        }
        input.senario_2
        {
            position:absolute;
            top:16%;
            left:30%;
        }
        input.senario_3
        {
            position:absolute;
            top:63%;
            left:30%;
        }
        input.senario_4
        {
            position:absolute;
            top:71%;
            left:30%;
        }
        #content
        {
            float:left;
            width:80%;
        }
        #menu
        {
            float:right;
            width:20%;
        }       
        button.refresh
        {
            position:absolute;
            top:8%;
            width:20%;
        }
        button.senario_1
        {
            position:absolute;
            top:28%;
            width:20%;
        }
        button.senario_2
        {
            position:absolute;
            top:38%;
            width:20%;
        }
        button.senario_3
        {
            position:absolute;
            top:48%;
            width:20%;
        }
        button.senario_4
        {
            position:absolute;
            top:58%;
            width:20%;
        }
        button.reset
        {
            position:absolute;
            top:78%;
            width:20%;
        }
        P.senario_1
        {
            position:absolute;
            top:4%;
            left:30%;
        }
        P.senario_2
        {
            position:absolute;
            top:12%;
            left:30%;
        }
        P.senario_3
        {
            position:absolute;
            top:59%;
            left:30%;
        }
        P.senario_4
        {
            position:absolute;
            top:67%;
            left:30%;
        }
        </style>
    </head>
    <body>  
        <?php
            $filename = 'input.txt';
            $file=fopen($filename,"r") or exit("Unable to open file!");;        
            $data=array();          
    for($i=0;$i<2;$i++)
            {
                $getData=fgets($file);
                $data[$i]=$getData;
            }
            $memory=$data[1];
            list($senario_1,$senario_2,$senario_3,$senario_4)=split("\t\t\t",$memory);
            fclose($file);
        ?>
        <div id="content">
    <p class="senario_1">Senario 1</p>
            <p class="senario_2">Senario 2</p>
            <p class="senario_3">Senario 3</p>
            <p class="senario_4">Senario 4</p>
            <input id="senario_1" class="senario_1" type="text" value="<?php echo $senario_1 ?>"/>
            <input id="senario_2" class="senario_2" type="text" value="<?php echo $senario_2 ?>"/>
            <input id="senario_3" class="senario_3" type="text" value="<?php echo $senario_3 ?>"/>
            <input id="senario_4" class="senario_4" type="text" value="<?php echo $senario_4 ?>"/>
            <script type='text/javascript'>
                setTimeout(function()
                {
                    window.location.reload(true);
                },60000);
            </script>
        </div>  
        <div id="menu">
            <button onclick="refresh()" name="refresh" class="refresh">Refresh</button>
            <button onclick="senario_1()" name="senario_1" class="senario_1">Senario 1</button>
            <button onclick="senario_2()" name="senario_2" class="senario_2">Senario 2</button>
            <button onclick="senario_3()" name="senario_3" class="senario_3">Senario 3</button>
            <button onclick="senario_4()" name="senario_4" class="senario_4">Senario 4</button>
            <button onclick="reset()" name="reset" class="reset">Reset</button>
        </div>      
            <script type='text/javascript'>
                function refresh()
                {
                    document.getElementById("content").innerHTML=window.location.reload(true);
                }
                function senario_1()
                {
                    document.getElementById("senario_1").value="1";
                }
                function senario_2()
                {
                    document.getElementById("senario_2").value="2";
                }
                function senario_3()
                {
                    document.getElementById("senario_3").value="3";
                }
                function senario_4()
                {
                    document.getElementById("senario_4").value="4";
                }
                function reset()
                {
                    document.getElementById("senario_1").value="";
                    document.getElementById("senario_2").value="";
                    document.getElementById("senario_3").value="";
                    document.getElementById("senario_4").value="";
                }
            </script>
    </body>
</html>

该文件看起来像这样（2行）abcd 1 2 3 4

于 2012-08-13T01:53:25.440 回答