htmxでselectタグをgetで使う方法

この記事の目次

事象

htmxでselectタグを使って、getパラメータを使ってページにアクセスしたい事がありました。
少し詰まったので共有

解説

以下のように、nameとvalueを正しく設定してあげると良い

<html>
    <head>
        <script src="./htmx.js"></script>
    </head>

    <body>
       <form hx-get="/path/to/access">
        <select name="selectName">
            <option value="value1">1</option>
            <option value="value2">2</option>
            <option value="value3">3</option>
            <option value="value4">4</option>
        </select>

        <button>
            submit
        </button>
       </form>
    </body>

</html>

以上！

[PR] おすすめの本

この記事を書いた人

Nな人（えぬなひと）。
Nは本名から取っています。
Laravelが大好きなPHPerで、WEBを作るときはLaravelを技術スタックに絶対推すマン。
PHP、Pythonと、昔はperlを書いていたP言語エンジニア。
最近はNimを書いたりしています。