検索ボタンを押したときにセレクトボックスで選択したもののValueをURLにつけて検索しているのですが、1度目は
https://hogesearch/selectboxのValue
になっているのですが画面を読み込みせずにもう一度検索すると以前の値が残っていて
https://hogesearch/selectboxのValue/selectboxのValue
3度目は
https://hogesearch/selectboxのValue/selectboxのValue/selectboxのValue
のように増えて行ってしまいます。
何回押しても1回目のようなURLを発行したいです。
検索するごとに値を初期化するのだと思うのですが。うまくいかずどのように実装したらいいのか教えていただけると助かります
html
1<form action="hogesearch" method="get" id="form_widget" name="form"> 2 <label>全てのアクティビティから探す</label> 3 <div class="ajmod_formselect"> 4 <select name="" id="select_category" class="group1"> 5 <option value="" selected>カテゴリー</option> 6 <option id="form_activity_id" name="form_activity_id" value="1"> 7 test1 8 </option> 9 <option id="form_activity_id" name="form_activity_id" value="2"> 10 test2 11 </option> 12 <option id="form_activity_id" name="form_activity_id" value="3"> 13 test3 14 </option> 15 </select> 16 <div class="text-right"> 17 <button class="ajmod_btn_submit" name="" type="submit">検索する</button> 18 </div> 19</form> 20
js
1 2$('.btn_submit').click(function () { 3//selectボックスのValue属性を取得 4 let activeValue = $('#select_activity option:selected').val(); 5 let baseUrl = 'document.getElementById("form_widget").action'; 6 7 8 return document.form.action = baseUrl + activeValue + '/'; 9}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。