Проект который уже просто замучил меня, правки все время растут как грибы после дождя. На сей раз заказчику понадобилось что бы выбранные значения, передавались на следующую страницу в заглавии меню. Вот как это выглядит сейчас:
кликнем Zoeken и переходим на следующую страницу:
выбранные значения в форме сохраняются, в строке браузера передаются, но не отображаются в заголовках меню (как на первом скрине). Что необходимо в js дописать что бы критерии поиска отобразились в названии кнопок формы. Есть идея что-то вроде вот такой записи:
$(function () {
$('#searchForm .select [data-bind="label"]').text($("#id_input_for_label").val());
});
но данный скрипт во-первых касательно только кнопки Type, а во-вторых он просто убрал из пункта меню название, ничего не передав на следующую страницу.
Код js (касательно кнопки Prijs):
$('.bootstrap-select > .dropdown-menu').on('click', function (e) {
e.stopPropagation();
});
$('.dropdown-menu .combobox').each(function () {
var $this = $(this),
$toggler = $this.find('[data-toggle="dropdown"]'),
$comboOptions = $this.find('.combo-options'),
$valueBlock = $this.find('input[type="text"]'),
$spanID = $valueBlock.data('label');
$parentDropdownMenu = $this.closest('.dropdown-menu');
function close() {
$comboOptions.removeClass('open');
$parentDropdownMenu.off('click', close);
}
function toggle(e) {
if ($comboOptions.hasClass('open')) {
close();
} else {
$comboOptions.addClass('open');
$parentDropdownMenu.on('click', close);
}
e.stopPropagation();
}
$comboOptions.on('click', '.dropdown-menu a', function (e) {
$('#emptyLabel').hide();
$('#chLabel').show();
$('#'+$spanID).text( this.dataset.value||'...' );
$valueBlock.val(this.dataset.value);
close();
});
$toggler.on('click', toggle);
});