Обновление
Это был старый скрипт с плавной прокруткой, который заблокировал его ... Теперь он прекрасно работает
Оригинал
У меня есть форма с 3 полями выбора. При изменении я создаю новую ссылку и устанавливаю атрибут href для моей ссылки. Проблема в том, что новый URL будет игнорироваться, и вместо него будет использоваться первая ссылка. Но только когда я нажимаю на нее. Новая вкладка работает отлично. У вас есть идеи, почему?
Пример: pageload -> href = "/ leasing-angebote /? _ Hersteller = & _ fahrzeug_type = & _ leasing_rate =" onChange -> href = "/ leasing-angebote /? _ _ Hersteller = & _ fahrzeug_type& _leasing_rate = 0% 2C550 "
Кликнуть нормально -> будет использована первая ссылка. Щелкните правой кнопкой мыши новую вкладку -> будет использована вторая ссылка
Протестировано в Chrome, Firefox, Edge
<form id="frontsearch" class="select">
<select name="_hersteller">
<option value="">Alle Marken</option>
<option value="Alfa Romeo">Alfa Romeo</option>
</select>
<select name="_fahrzeug_type">
<option value="">Alle Fahrzeugtypen</option>
<option value="5d349441d566f">Kleinwagen</option>
<option value="5d1f4d41e1b85">Limousine</option>
<option value="5d39ae3ee8ad2">Kombi</option>
</select>
<select name="_leasing_rate">
<option value="">Alle Leasingraten</option>
<option value="%2C150">bis 150€</option>
<option value="%2C250">bis 250€</option>
<option value="%2C400">bis 400€</option>
<option value="%2C550">bis 550€</option>
<option value="%2C1000">bis 1000€</option>
<option value="%2C1500">bis 1500€</option>
</select>
<a id="getresult" class="btn btn-secondary mt-3" role="button">Fahrzeuge anzeigen > </a>
</form>
jQuery(function ($) {
function showValues() {
var str = $("#frontsearch").serialize();
var origin = window.location.origin;
var url = origin + '/leasing-angebote/?' + str;
var url = url.replace('%252C','0%2C');
$("#getresult").attr("href",url);
console.log(url);
};
$("select").on("change", showValues);
showValues();
});