aタグでのPOST送信が思ったようにできなくて困っています。

Question

1.前提・実現したいこと
＜前提＞
本のデータが入っているAPIから取得したデータをもとに、本のタイトル、表紙、作者名を本のジャンル別に表示したくてinputタグのsubmitボタンで表示する事には成功した。

＜実現したいこと＞
今度はaタグでPOST送信をしようとして問題が生じました。表示自体は出来ているのですがジャンル別にではなくすべての本が表示されてしまいました。

２.該当のソースコード

＜novel.blade.php＞

 <form name="novel_genre" action="/novel/execute" method="POST">
        @csrf
        <p class='float-left-novel'><input type="hidden" name="mystery-suspense" value="ミステリー・サスペンス"><a href="/novel/execute" onclick="document.novel_genre.submit();">ミステリー・サスペンス</a></p>
        <p class='float-left-novel'><input type="hidden" name="SF-horror" value="SF・ホラー"><a href="" onclick="novel();return false;">SF・ホラー</a></p>
        <p class='float-left-novel'><input type="submit" name="essay" value="エッセイ"></p>
        <p class='float-left-novel'><input type="submit" name="nonfiction" value="ノンフィクション"></p>
        <p class='float-left-novel'><input type="submit" name="Japanesenovel" value="日本の小説"></p>
        <p class='float-left-novel'><input type="submit" name="novel_of_other_countries" value="外国の小説"></p>
        <p class='float-left-novel'><input type="submit" name="romance" value="ロマンス"></p>
        <p class='float-left-novel'><input type="submit" name="other" value="その他"></p>
    </form>

<BookController.php>

public function novelExecute(Book $book,Request $request)
    {
        $i = '';
        
        //「ミステリー・サスペンス」のボタンが押されたら
            if(isset($request["mystery-suspense"]))
            {
                $i = '001004001';
            }
            
            //「SF・ホラー」のボタンが押されたら
            if(isset($request["SF-horror"]))
            {
                $i = '001004002';
            }
            
            //「エッセイ」のボタンが押されたら
            if(isset($request["essay"]))
            {
                $i = '001004003';
            }
            
            //「ノンフィクション」のボタンが押されたら
            if(isset($request["nonfiction"]))
            {
                $i = '001004004';
            }
            
            //「日本の小説」のボタンが押されたら
            if(isset($request["Japanesenovel"]))
            {
                $i = '001004008';
            }
            
            //「外国の小説」のボタンが押されたら
            if(isset($request["novel_of_other_countries"]))
            {
                $i = '001004009';
            }
            
            //「ロマンス」のボタンが押されたら
            if(isset($request["romance"]))
            {
                $i = '001004016';
            }
            
            //「その他」のボタンが押されたら
            if(isset($request["other"]))
            {
                $i = '001004015';
            }
        
        
        $book = Book::where('booksGenreId','like',$i.'%')->orderBy('title','asc')->paginate(50)->appends($request->except(['user_id']));
        
        return view('novelExecute')->with([
                    'book'=>$book,
                    ]); 
    }

３.自分で調べたことや試したこと
aタグ内のonclickを消してやってみると同じ状態になったので、onclickが間違えているのかなと考えています。

４.使っているツールのバージョンなど補足情報
laravel6を利用しています。

Answer 1

hrefは不要です。
hrefがあることで「リンク」として有効になるのでGETで画面遷移します。

Answer 2

ちょっと何をしたいかわかりづらいですね
流れ的にはこんな感じでしょうか？

<script>
document.addEventListener('click', e=>{
  const t=e.target;
  if(t.closest('[name="novel_genre"] a')){
    e.preventDefault();
    t.closest('form').submit();
  }
});
</script>
<form name="novel_genre" method="POST">
<p><a href="#">ミステリー・サスペンス</a></p>
</form>