简体   繁体   English

使用JavaScript更改PHP中的变量值FOR

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM