[英]Change the variable value FOR in PHP with javascript
I'm trying to learn JavaScript and I would like to create a little calculator COC site. 我正在尝试学习JavaScript,我想创建一个小计算器COC网站。 I would know if it's possible to edit a PHP variable in Javascript ? 我是否可以在Javascript中编辑PHP变量?
Here is my HTML/PHP code: 这是我的HTML / PHP代码:
In this part, in the "HDV" div, I just put 10 buttons, when I click on one, go on my JS function who display the second div named "niv caserne" and in this second div, I would change the value of the variable "$i" which is located in the for in the PHP in my JS function. 在这一部分中,在“ HDV” div中,我只放置了10个按钮,当我单击一个按钮时,继续执行JS函数,显示第二个div,名称为“ niv caserne”,在第二个div中,我将更改变量“ $ i”位于我的JS函数的PHP中的for中。 For example, if I click on the button 1, my JS function will display my div "niv caserne" and the FOR go from 1 to 1, but if I click on the button 2, my JS function displays my div "niv caserne" too but the FOR go from 1 to 2, etc.. 例如,如果我单击按钮1,我的JS函数将显示我的div“ niv caserne”,而FOR从1变为1,但是如果我单击按钮2,我的JS函数将显示我的div“ niv caserne”也是,但是FOR从1到2,依此类推。
<body>
<!-- Page Content -->
<div id="container">
<div id="HDV">
<p>Hotel De Ville:
<?php
for ($i=1; $i <= 10 ; $i++)
{
?>
<button type="button" class="btn btn-default" value="<?php echo "HDV_$i" ?>" onclick="infosHDV(<?php echo $i ?>)"><?php echo $i ?></button>
<?php
}
?>
</p>
</div>
<!-- HIDE ALL OF THIS OR DISABLE BEFORE USER CHOOSE A TOWN
WHEN HE CHOOSE A TOWN, CALCULATE AND DISPLAY ONLY THE RIGHT INFORMATION -->
<div id="niv caserne" style="display:none">
<p>Niveau des casernes:
<?php
for ($i=1; $i <= 4 ; $i++)
{
?>
<div class="col-md-1">
<select class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
</div>
<?php
}
?>
</p>
</div>
Here is my JS function: 这是我的JS函数:
<script>
function infosHDV(nivHDV)
{
switch (nivHDV)
{
case 1:
if(document.getElementById('niv caserne').style.display=='block')
{
document.getElementById('niv caserne').style.display='none';
//Change the value of the "$i" in the FOR --> 1 from 1
}
else
{
document.getElementById('niv caserne').style.display='block';
}
break;
case 2:
if(document.getElementById('niv caserne').style.display=='block')
{
document.getElementById('niv caserne').style.display='none';
//Change the value of the "$i" in the FOR --> 1 from 2
}
else
{
document.getElementById('niv caserne').style.display='block';
}
break;
case 3:
...
break;
}
}
</script>
function generatebtn()
{
var btnHtml = '';
for (i=1; i <= 10 ; i++)
{
btnHtml="<button type="button" class="btn btn-default" value="'+i+'"onclick="infosHDV("'+i+'")">"'+i+'"</button>";
}
You can use javascript for loop instead of php.like above and call generatebtn() in footer. 您可以使用javascript而不是上面的php.for循环,并在页脚中调用generatebtn()。 Do the same thing for other loop and defined global variable for second loop [better to rename (i) variable] and so when you want change (i) variable value you can change it /overwrite it 对其他循环执行相同的操作,并为第二个循环定义全局变量[更好地重命名(i)变量],因此当您想要更改(i)变量值时,可以对其进行更改/覆盖
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.