Как я могу вызвать пользовательскую страницу в соответствии с выбором пользователя?

---

я создал код html dropdownlist как :

<select name="DropDownList1" id="DropDownList1">
<option value="select you location"> select your location</option>
<option value="cairo">Cairo</option>
<option value="alexanderia">Alexanderia</option>
<option value="aswan">Aswan</option>
<option value="port said">Port Said</option>
</select>

а также создал html-код кнопки в виде:

<button type="button" name="resturantpreview" type="submit" value="chefpreview">resturantpreview</button>

когда пользователь выбирает свое местоположение из выпадающего списка сохраните мое выбранное значение в jquery

мой jquery, чтобы получить выбранный код значения как:

jQuery(document).ready(function($){

$('#DropDownList1').on('change',(function(e){
    var optionSelected = $("option:selected", this);
    var valueSelected = this.value;

    wp.ajax.post( 'update_location', {
                'location': valueSelected
    } )
    .done( function( response ) {
        $('#location').html(response);
    } )
    .fail( function() {
        alert( "error" );
    } );

}));
});

Что я уже пробовал:

когда пользователь выбирает свое местоположение из выпадающего списка
извлеките мое выбранное значение из выпадающего списка
когда пользователь нажимает на мою кнопку перенаправьте его на пользовательскую страницу
измените заголовок моей страницы с помощью www.myurl/(location_"selected value"), который просматривает всех шеф-поваров или все рестораны в выбранном месте

---