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

執筆日:
この記事の目次

事象

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

解説

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

<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を書いたりしています。