jquery - Radio box select search form -
hello have search form in mangeto website , http://upgrade.fisapacient.ro looks :
<form id="search_mini_form"> <div class="form-search"> <label for="search">search:</label> <div class="input-box"><input id="search" type="text" name="q" value="" class="input-text" autocomplete="off" lang="ro"></div> <button type="submit" title="cauta" class="button"><span><span>cauta</span></span></button> <div id="search_autocomplete" class="search-autocomplete" style="display: none; "></div> <input name="se" type="radio" value="catalogsearch/result/">produse <input name="se" type="radio" value="cauta">site <script type="text/javascript"> //<![cdata[ var searchform = new varien.searchform('search_mini_form', 'search', 'cauta in magazin...'); searchform.initautocomplete('http://upgrade.fisapacient.ro/catalogsearch/ajax/suggest/', 'search_autocomplete'); //]]> </script> </div> </form> <script type="text/javascript"> //<![cdata[ j("#search_mini_form").change(function() { var action = j(this).val() == "produse" : "site"; j("#search_mini_form").attr("action",action); }); //]]> </script>
it should change form action "catalogsearch/result/" if "produse" radio checked , change form action "cauta" if "site" radio checked , following results code : when click "produse" "http://upgrade.fisapacient.ro/?q=test+search&se=catalogsearch%2fresult%2f" , when click "site" "http://upgrade.fisapacient.ro/?q=test+search&se=cauta" need "http://upgrade.fisapacient.ro/catalogsearch/result/?q=test%20query" "produse" , "http://upgrade.fisapacient.ro/cauta?q=test%20query" "site".
jquery("#search_mini_form input[type='radio']").change(function() { var action = jquery(this).val(); jquery("#search_mini_form").attr("action",action); }); jquery("#search_mini_form").submit(function() { jquery("input[type='radio']", this).attr('disabled', 'disabled'); });
Comments
Post a Comment