Как изменить URL страницы на основе значений selectbox?

Question

Как изменить URL страницы на основе значений selectbox?

У меня есть страница фильтра поиска php, на которой я использовал разные поля. Одно из них — поле «Возраст самого младшего драйвера», в котором есть 2 значения, например 21-24 и 25+. В основном я хочу сохранить только выбранные значения в поле выбора, даже после поиска, чтобы пользователь знал, что он искал .. Что происходит сейчас, когда я выбираю 25+ из поля и нажимаю на поиск, он возвращается к 21-24. Но так как страница подключена к верхней базе данных, она выбирает значения из базы данных, которые я ввожу, как скриншот базы данных ниже. Пожалуйста, проверьте и дайте мне знать, есть ли какое-либо решение.

  <select class="half" id="form_frame" name=""  onsubmit="getData(this);"/>
<option id="value1"  value="21-24" selected="selected">21-24</option>
<option id="value2" value="25+">25+</option>
</select>

Когда я выбираю все значения из поля и выбираю 25+ из поля возраста водителя, тогда URL

HTTP: // локальный / Vehicle2 / car_type = 0&пикап = 0&вернуться = 0&residence_two = Международный&driver_age = 25% 2B&Пассажиры =-Nr + из + пассажиров&поиск =

HTTP: // локальный / Vehicle2 / car_type = 0&пикап = 0&вернуться = 0&residence_two = Международный&driver_age = 21-24&Пассажиры =-Nr + из + пассажиров&поиск =

Я хочу смещение = 21-24 вместо driver_age

-2

php

Решение

Другие решения

Простой в использовании обработчик событий изменения для selectbox

$(document).on('change','#form_frame',function(){

//window.location.href="http://localhost/php-//page/option"+$(this).//val()+"="$(this).val();

console.log("http://localhost/phppage/option"+$(this).val()+"="+$(this).val());});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="half" id="form_frame" name="">
<option  value="10" selected="selected">10</option>
<option value="11">11</option>
</select>

0

Источник

Accepted Answer

Применять onchange событие в JavaScript, как показано ниже, если вы используете JQuery

 jQuery(function () {
jQuery("#form_frame").change(function () {
var id = jQuery(this).val();;
location.href = "http://localhost/php-page/option"+id+"="+id

})
})

0