Радио окно выбора формы поиска - PullRequest
0 голосов
/ 05 октября 2011

Здравствуйте, у меня есть форма поиска на веб-сайте mangeto, http://upgrade.fisapacient.ro это выглядит так:

<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>

Следует изменить действие формы на "catalogsearch / result /", если установлен флажок "Produse", и изменить действие формы на "cauta", если установлен флажок "Site", поэтому я получаю следующие результаты с этим кодом: Когда я нажимаю "Produse", я получаю "http://upgrade.fisapacient.ro/?q=test+search&SE=catalogsearch%2Fresult%2F" И когда я нажимаю "Сайт", я получаю "http://upgrade.fisapacient.ro/?q=test+search&SE=cauta" Мне нужно, чтобы это было так "http://upgrade.fisapacient.ro/catalogsearch/result/?q=test%20query" для" Produse "и" http://upgrade.fisapacient.ro/cauta?q=test%20query" для "Site".

1 Ответ

1 голос
/ 05 октября 2011
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');
});
...