1

при выборе select скрипт постоянно добавляет параметр, как его раз добавить и при следующих изменениях просто менять?

<select id="sort_by">
            <option value="sort-asc" id="sort-asc">наименьшая цена</option>
            <option value="sort-new" id="sort-new">новинки</option>
            <option value="sort-Alfavit" id="sort-Alfavit">по алфавиту</option>
        </select>

 $(document).on('change', '#sort_by', function(e){
                e.preventDefault();
                var val = $("#sort_by").val();
               history.pushState(null, null,  window.location+'&sort='+val);
            });
2
  • .on() заменить на .one() ? 19 дек 2019 в 21:26
  • @OPTIMUS PRIME, все так же лепит параметры в url, что примечательно без window.location+ один раз добавляет, но убирает другие параметры 19 дек 2019 в 21:30

1 ответ 1

3

Во всех популярных браузерах кроме IE:

/* ... */
const url = new URL(window.location);  // == window.location.href
url.searchParams.set('sort', val); 
history.pushState(null, null, url);    // == url.href
/* ... */
2
  • так работает =) 19 дек 2019 в 21:34
  • @аноним, конечечно работает)) И главное - нет потребности страдать с ? и &, формируя итоговый href.
    – yar85
    19 дек 2019 в 22:37

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.