如何在从javascript提交表单后保持提交按钮中的php$_GET值


How to keep php $_GET value from a submit button after form submit from javascript?

我有一个php页面,其中有2个提交按钮和2个单选按钮:

<?php
$choiceIdx = 1;
$language = 'English';
if($_GET)
{
    if(isset( $_GET['choice'] ))
    {
        $choiceIdx = $_GET['choice'];
    }
    if(isset( $_GET['language'] ))
    {
        $language = $_GET['language'];
    }
}
?>
<form method="get">
    <button type='submit' name='choice' value='1'>Choice1</button>
    <button type='submit' name='choice' value='2'>Choice2</button>
    <input id="English" type="radio" name="language" value="English" <?php echo ($language=='English')?'checked':'' ?> onchange="this.form.submit();" />
    <label for="English">English</label>
    <input id="Slovenian" type="radio" name="language" value="Slovenian" <?php echo ($language=='Slovenian')?'checked':'' ?> onchange="this.form.submit();" />
    <label for="Slovenian">Slovenian</label>
</form>

如果我点击斯洛文尼亚广播按钮,我得到:

http://localhost/index.php?language=Slovenian

如果我点击Choice2提交按钮,"语言"被保存,我得到:

http://localhost/index.php?choice=2&language=Slovenian

如果我点击英文单选按钮,"选择"不会保存,我得到:

http://localhost/index.php?language=English

这是我的第一个php页面,经过数小时的谷歌搜索,我添加了这行:

<input type="hidden" name="choice" value="<?php echo $choiceIdx; ?>">

"选择"现在被保存了,但我得到了:

http://localhost/index.php?choice=1&language=Slovenian&choice=2

我不想在url中出现两次。请解释一下我做错了什么。非常感谢。

编辑:我想使用GET(而不是POST),因为URL必须保存为书签。

这里有一个替代版本(作为我第一个答案的后续),它在单击选择按钮时更新隐藏值:

<script>
function setChoice(val) {
    document.getElementById('hiddenChoice').value=val;
}
</script>
<form method="get">
    <button type='submit' onClick="setChoice(1);">Choice1</button>
    <button type='submit' onClick="setChoice(2);">Choice2</button>
    <input type='hidden' id='hiddenChoice' name='choice' value='<?php echo $choiceIdx; ?>'>
    <input id="English" type="radio" name="language" value="English" <?php echo ($language=='English')?'checked':'' ?> onchange="this.form.submit();" />
    <label for="English">English</label>
    <input id="Slovenian" type="radio" name="language" value="Slovenian" <?php echo ($language=='Slovenian')?'checked':'' ?> onchange="this.form.submit();" />
    <label for="Slovenian">Slovenian</label>
</form>

如果您有更多的值要检索,您可能希望创建一个更复杂、更不特定的js函数。你可以很容易地输入目标输入的id,例如

此外,您应该重新思考是否确实需要始终提交表单,或者是否最好先收集所有数据,然后只将一个表单发送回服务器。

将其添加到表单中:

 <input type='hidden' name='choiceStored' value='<?php echo $choiceIdx; ?>'>

这将存储最后收到的val供选择,并在下一次提交表单时重新发送。

并将您的php更改为:

$choiceIdx = 1;
$language = 'English';
if($_GET)
{
    // eighter get new value
    if(isset( $_GET['choice'] ))
    {
        $choiceIdx = $_GET['choice'];
      // or if we don't have a new value, take the 'stored' one:
    } elseif (isset($_GET['choiceStored'])) 
    {
        $choiceIdx = $_GET['choiceStored'];
    }
    if(isset( $_GET['language'] ))
    {
        $language = $_GET['language'];
    }
}

您将两次传递相同的名称。'choice已被定义为隐藏值名称和按钮值名称。为了能够区分,您应该将隐藏值名称更改为类似"savedchoice"的名称。并以的名称引用它