Показать выбранное значение в списке после обновления страницы

Question

Добрый день. У меня есть небольшая проблема с отображением выбранного значения в моем . Выберите тег после обновления страницы. У меня есть 3 тега select, которые служат параметрами, когда пользователь хочет что-то искать.

<form role="form" action="index.php" method="post"> 
<select name="type" id="type"> 
    <option selected disabled>-- Type --</option> 
    <option value="project">Project</option> 
    <option value="research">Research</option> 
</select> 


<select name="status" id="status"> 
    <option selected disabled>-- Status --</option> 
    <option value="pending">Pending</option> 
    <option value="ongoing">Ongoing</option> 
    <option value="disapproved">Disapproved</option> 
</select> 

<select name="budget" id="budget"> 
    <option selected disabled>-- Budget--</option> 
    <option value="pending">Pending</option> 
    <option value="for releasing">For Releasing</option> 
    <option value="not required">Not Required</option> 
    <option value="not released">Not Released</option> 
</select> 
<input type="submit" name="go" id="go" value="Go" /> 
</form> 

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

Answer 1

Сначала необходимо заменить все vaue на значение в форме

<option vaue="pending">(vaue) 

в

<option value="pending">(value) 

затем использовать код PHP и получить отправленные данные с выберите «Имя» и матч с параметры, такие как

<option value="project" <?php if(isset($_POST['type']) && $_POST['type'] == "project") echo 'selected="selected"';?>>Project</option> 

сделать такой же матч для всех выбранных опций

Answer 2

Вы можете использовать этот https://github.com/carhartl/jquery-cookie

<script src="/path/to/jquery.cookie.js"></script> 
<script> 
$(function(){ 
    $(document).on('change', '#type', function(){ 
     $.cookie('type', $(this).val()); 
    }); 
    $(document).on('change', '#status', function(){ 
     $.cookie('status', $(this).val()); 
    }); 
    $(document).on('change', '#budget', function(){ 
     $.cookie('budget', $(this).val()); 
    }); 

    if(typeof($.cookie('type')) !== "undefined"){ 
    $("#type").val($.cookie('type')); 
    } 
    if(typeof($.cookie('status')) !== "undefined"){ 
    $("#status").val($.cookie('status')); 
    } 
    if(typeof($.cookie('budget')) !== "undefined"){ 
    $("#budget").val($.cookie('budget')); 
    } 
}); 
</script>