我编写了一个代码来读取许多id的值，并在按下按钮时显示值。但是，按下时无法显示该值。我将文件保存为php但我需要使用javascript来显示按钮按下时变量的值.Below是我的代码的一部分，导致它无法正常工作
<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>
答案 0 :(得分：-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>
文件看起来像这样 （2lines） A B C D 1 2 3 4