ワードプレスです!
チェックボックスによる選択で、このようなURLを得たいと思っています
my domein/category/slugA+slugB
現状、下記のコードを用意しているのですが、得られているURLはこのようなものです
my domein/?category=SlugA%2bSlugB
(%2bは+を表しています)
用意したコード
HTML
1 2 <form class="cat-search" action="<?php bloginfo('url'); ?>"> 3 <input type="checkbox" value="SlugA" id="cat0" class="cats2"/><label for="cat0">Category1</label> 4 <input type="checkbox" value="SlugB" id="cat1" class="cats2"/><label for="cat1">Category2</label> 5 <input type="checkbox" value="SlugC" id="cat2" class="cats2"/><label for="cat2">Category3</label> 6 <input type="checkbox" value="SlugD" id="cat3" class="cats2"/><label for="cat3">Category4</label> 7 <input type="checkbox" value="SlugE" id="cat4" class="cats2"/><label for="cat4">Category5</label> 8 <input type="hidden" id="cat2" name="category" /> 9 <input type="submit" class="cat-search" value="search" /> 10 </form>
jQuery
1 <script> 2 $(function(){ 3 $('body').on('click', '.cats2', function() { 4 var cats = $('.cats2:checked').map( function() { 5 return this.value; 6 }).get().join("+"); 7 $('#cat2').val( cats ); 8 }); 9 }); 10 </script> 11
どなたかお分かりになる方いたらどうぞお教えください
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。