【検索画面】<form>外の項目をパラメータに含めたい場合

rails5.2ですが、どちらかと言うとjqueryやjava scriptに関する質問かと思います。
実装方法について相談させて下さい。

検索ボタンのクリックで検索実行する、シンプルな検索画面を実装しました。

これに並び替えを追加しようとしてます。

並び替えの指定は、selectboxにします。
ただ、このselectboxは画面の構成上、現在のform内に配置できません。
さらに、selectbxoのchangeイベントでも検索可能にしたいです。

どうすれば可能か自分なりに考えてみました。
以下の考え方で合ってますでしょうか？

・form内のパラメータと、selectboxのパラメータをまとめるjsを作る
・検索ボタン実行時とselectbox change時に、そのjsを呼ぶ
・そのjsからサーバへ送信？？

上記の上から２つ目までは自分で作れそうですが、最後は可能なのでしょうか？
考え方が間違ってる等、何でもアドバイスいただけると幸いです。
宜しくお願い致します。

html
1
2<!-- 並び替え用セレクトボックス -->
3<div>
4	<select name="search[order_by]" >
5		<option value="1">登録順</option>
6		<option value="2">高い順</option>
7		<option value="3">安い順</option>
8	</select>
9</div>
10
11
12<!-- 検索用フォーム -->
13<form action="/items" accept-charset="UTF-8" method="get">
14	<input value="" type="text"  name="search[keyword]" />
15	<input type="submit" value="検索" />
16</form>
17

行動規範の内容に同意します

回答1件

ベストアンサー

流れは問題ないと思います。

・form内のパラメータと、selectboxのパラメータをまとめるjsを作る

パラメータのまとめ方としては、他にも方法があるかもしれませんが、以下のようなものをよく見る気がします。
form内にtype="hidden"でselectboxのvalueを入れるinputタグを用意しておき、
送信時にselectboxの値を取得して、用意したinputタグのvalueに入れる
or
送信イベント発生時に、javascriptでinputタグを生成し、
同じようにvalueにselectboxの値を入れる。