Форумы портала PHP.SU :: Версия для печати :: Сохранение переменных в js при выборке трех селекторов

1. KuPbI4 - 30 Января, 2015 - 22:01:58 - перейти к сообщению

Даны три селектора и кнопка о получении результата.

Когда выбираем что-то в первом селекторе, обновляется страница и адрес ?id_model=1, а когда выбираем что-то во втором селекторе, обновляется страница и адрес ?id_model=&id_mod=1 и в третьем аналогично - ?id_model=&id_mod=&id_probeg=1
Как сохранить значение id_model, id_mod ?
Как сохранить значения в селекторе, когда уже что-то выбрали и при этом обновляя страницу?

html:

CODE (html):
скопировать код в буфер обмена

 
<script type="text/javascript" src="my.js"></script>
<form action="" method="POST">
        <select name="name1" id="select1" onchange="select_model()">
                <option value="">Выберите модель авто</option>
                //Запрос в базу данных 
        </select>
        <select name="name2" id="select2" onchange="select_mod()">
                <option value="">Выбрать модификацию</option>
                //Запрос в базу данных 
        </select>
        <select name="name3" id="select3" onchange="select_probeg()">
                <option value="">Выбрать пробег</option>
                //Запрос в базу данных 
        </select>
        <input type="submit" value="Рассчитать" name="submit">
</form>
 
 

js:

CODE (javascript):
скопировать код в буфер обмена

 
function select_model() {
var model_id_field = document.getElementById('select1');
var id_model = model_id_field.value;
var loc = '/index.php?id_model=' + id_model;
document.location.href = loc;
}
 
function select_mod() {
var model_id_field = document.getElementById('select1');
var mod_id_field = document.getElementById('select2');
var id_model = model_id_field.value;
var id_mod = mod_id_field.value;
var loc = '/index.php?id_model=' + id_model + '&id_mod=' + id_mod;
document.location.href = loc;
}
 
function select_probeg() {
var model_id_field = document.getElementById('select1');
var mod_id_field = document.getElementById('select2');
var probeg_id_field = document.getElementById('select3');
var id_model = model_id_field.value;
var id_mod = mod_id_field.value;
var id_probeg = probeg_id_field.value;
var loc = '/index.php?id_model=' + id_model + '&id_mod=' + id_mod + '&id_probeg=' + id_probeg;
document.location.href = loc;
}
 