Как изменить только часть запроса в URL

Question

У меня есть этот URL

http://www.test.com/home-package/?location=locationA&bed=3&bath=4

и переменная (например, $ location = "locationB"), которая содержит значение, выбранное пользователем, когда они попадают на веб-сайт. Они также могут изменить это местоположение с любой страницы, которую они хотят, и переменная будет обновлена ​​с этим местоположением.

То, чего я пытаюсь достичь, это

Если пользователь просматривает http://www.test.com/home-package/?location=locationA&bed=3&bath=4 и затем меняет местоположение на «locationB», я хочу, чтобы URL обновился до http://www.test.com/home-package/?location=locationB

Надеюсь, я дал это понять.

Редактировать 1: пользователь выбирает местоположение из выпадающего списка. <select> заключен в <form>, и после нажатия кнопки save значение location сохраняется в переменной сеанса.

Спасибо.

Answer 1

Как я понимаю locationB находится в элементе ввода HTML? Добавьте слушателя onchange к элементу и перенаправьте пользователя с помощью JavaScript.

let locationB = getValueFromElement();
window.location.replace("http://www.test.com/home-package/?location="+locationB);
//or
window.location.href = "http://www.test.com/home-package/?location="+locationB;

Чтение различия между перенаправлениями JS .

Если значение locationB исходит из бэкэнда и перенаправление в бэкэнд невозможно, вы также можете добавить скрытый элемент, содержащий значение, и прочитать его с помощью JS.