我有一个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"的名称。并以的名称引用它