クリックでGET変数をすべて削除したい

Question

前提・実現したいこと

php勉強中です。
テキストボックスに値を入れると、その入力値によって出力を分岐させるページを作っています。
submit後もテキストボックスに入力値は残るように、valueにgetの値を渡しています。
ここまでが前提となります。

リセットボタンを設置して、getパラメーターをリセットしたいのですが、うまくいきません。
お詳しい方、こういうときの処理の仕方を教えてください。

発生している問題・エラーメッセージ

リセットボタンをクリックするとテキストボックスの値が取れなくなりました。
エラーメッセージはありません。

該当のソースコード

<?php
if(isset($_GET['reset'])){
　　$text = $_GET['text'];
　　$reset = $_GET['reset'];
}
if($reset){
　　unset($text);
　　unset($reset);
}
?>

<form action="" method="get" id="form">
  <label>
    <input type="text" value="<?php if($text){echo $text; } ?>" name="text">
  </label>
  <label>
    <input type="button" value="reset" name="reset" id="reset">リセット
  </label>	
</form>	

<div>
<!-- $textがあったときの処理 -->
</div>	

<script>
$('#reset').on('click',function(){
    $('#form').submit();
});
</script>	

試したこと

こちらのページを参考にjsで処理してみましたが、うまくいきませんでした。
https://gray-code.com/javascript/delete-get-parameter-from-url/

Comments

[m.ts10806]

POSTにすればいいのでは。

[sanco]

ありがとうございます。
ただ、今はgetでの処理方法を勉強したいので・・・

Answer 1

ちょっと何をしたいのか想像できないですが
スーパーグローバルな変数をunsetするのはやめたほうがいいでしょう。
一旦変数に受けて必要に応じて調整してください

sample

<?php
$text = filter_input(INPUT_GET,'text');
$reset = filter_input(INPUT_GET,'reset');
if(!is_null($reset)){
  header('Location:'.$_SERVER["SCRIPT_NAME"]);
  exit;
}
?>
<form action="" method="get">
<input type="text" value="<?=htmlspecialchars($text);?>" name="text">
<input type="submit" value="reset" name="reset">
<input type="submit" value="send" name="send" >
</form>

Comments

[sanco]

ありがとうございます。
変数処理修正しました。

やりたいことは、リセットボタンをクリックしたときだけgetパラメータを削除（初期状態に）したいです。
よろしくお願いいたします。

[yambejp]

> getパラメータを削除

これはブラウザのURL欄をいじりたいということですか？
パラメータ無しでページ遷移するのはありですか？

[sanco]

あくまで目的はget変数のリセットで、
URLのgetパラメータを削除すれば、get変数もリセットされると思い、書かせていただきました。
認識間違っていたらすみません・・・

パラメータ無しでのページ遷移はありです。

[yambejp]

ページ遷移がOKならheaderで飛ばすだけです
回答にsampleつけておきました

[sanco]

実装できました！
ありがとうございました！！

後学のため教えていただけると嬉しいのですが、ページ遷移不可の場合、他にどんな手段がありますでしょうか？

[yambejp]

ページ遷移しないパターン
<?php
$text = filter_input(INPUT_GET,'text');
$reset = filter_input(INPUT_GET,'reset');
var_dump([$text,$reset]);
?>
<script>
window.addEventListener('DOMContentLoaded', ()=>{
document.querySelector('form').addEventListener('reset',(e)=>{
e.target.querySelectorAll('[type=text]').forEach(x=>{
x.setAttribute("value","");
x.value="";
});
history.pushState(null,null,location.href.replace(/?.+$/,''));
});
});
</script>
<form action="" method="get">
<input type="text" value="<?=htmlspecialchars($text);?>" name="text">
<input type="reset" value="reset" name="reset">
<input type="submit" value="send" name="send" >
</form>

一旦、sendして値が残った状態にして、リセットしてみてください

[sanco]

ありがとうございます！！
こんな方法があるんですね、勉強になりました！
ありがとうございました！！