先方先に飛ばす検索窓のイメージです。
select部分でドメイン、inputで通常のパラメータを付けたいのですが、うまくいきません。
以下の状況(コードで)submitすると,
https://hogehoge.com?reset=on //inputをonにした場合
となります。
formのaction値は、selectで選んだものになっています。
(例) https://hogehoge.com/hokkaido/list/
ドメインとパラメータ両方を変更し、遷移させる方法はありますでしょうか?
よろしくお願いいたします。
html
1<form target="_blank" method="get" action=""> 2 <input id="toggle-datepicker" name="reset" value="" type="checkbox"> 3 <select id = "js-criteria"> 4 <option value="1" _action="/hokkaido/list/">北海道</option> 5 <option value="2" _action="/aomori/list/">青森</option> 6 <option value="3" _action="/iwate/list/">岩手</option> 7 </select> 8 <input type="submit" value="検 索"> 9</form>
js
1$('input[name="reset"]').change(function(){ 2 var $propChecked = $(this).prop("checked"); 3 return $propChecked ? $(this).val('on') : $(this).val(''); 4}); 5 6$('#js-criteria').on('change',function(){ 7 var selectedArea = $(this).find("option:selected").attr("_action"); 8 if(selectedArea){ 9 return $('#main_info_datesearch > form').attr( 10 "action", 'https://hogehoge.com' + selectedArea 11 ); 12}
回答1件
あなたの回答
tips
プレビュー