Как создать форму, которая создает URL-адрес на основе нескольких вариантов, выбранных пользователем?

Question

Я хотел бы создать форму, которая создает URL-адрес на основе выбора пользователей из нескольких свойств.Например, на моем сайте (GaHomesDigest.com) у меня есть функция поиска свойств, которая выполняет поиск по тегам и т. Д., Но мне нужен новый URL-адрес.

Таким образом, конструктор URL будет:

URL + CITY [selected]+ Bedrooms + Etc

Любые идеи по этому поводу, просто ссылка на рабочий пример, было бы здорово.Те, что я нашел, с одним выбором.

Для ясности, вот пример.

Форма будет содержать поле города, спальни, ванные комнаты и ценовой диапазон.

Если пользователь выберет Atlanta 5 Спальни 3 ванные комнаты от 0 до 200, я хочу, чтобы его перевели в домен /атланта / спальни / 5 / ванна / 3 / макс-цена / 200 /

Я думал, что простой javascript, onclick [selector0] + [selector1] и т. д. будет работать, но я не уверен, что это правильно,

Если бы я знал правильные «слова» для поиска, я мог бы пойти и доложить.Спасибо!

Answer 1

Попытка понять, что вы имеете в виду ... Будет ли что-то вроде этой работы:

var urlTemplate = '/{city}/beds/{beds}/basement/{bsmnt}';
var city = $('#city').val();
var beds = $('#beds').val();
var bsmnt = $('#bsmnt').val();


$('#myForm').attr('action', urlTemplate.replace(
    '{city}', city).
    '{beds}', beds).
    '{bsmnt}', bsmnt);

Теперь ваше действие заполнено значениями входов.Поместите этот код в функцию, вызываемую, когда вам нужно сформировать этот URL.Я использую jQuery.