选择后退按钮上的选项丢失&搜索结果将恢复为默认选项

时间:2015-06-25 14:04:33

标签: javascript php jquery forms cookies

我在学校的网站上有一个搜索表单,可以通过“名字”和/或“姓氏”搜索学校工作人员。搜索可以通过“工作人员类型”缩小范围

默认搜索是“教师”,因为这是最常用的术语和常见搜索。

所有其他学校员工列表都是隐藏的,除非用户通过下拉菜单选择它们(选择和选项)。

问题是,如果用户正在寻找“日托工作人员”,点击其中一个“日托工作人员”查看她的个人资料,然后点击“后退按钮”,默认“教师”选项被选中再次,之前的选项“日托工作人员”丢失了。

我的问题是,如果我必须使用Cookie,我如何使用Cookie不会重置为默认搜索选项。

除了使用cookies之外还有其他方法吗?

以下是搜索表单代码的示例:

<form class="form-inline" action="#">
    <div class="form-group">
        <input type="text" class="form-control" id="id_search_first" placeholder="Search by First Name">
    </div>
    <div class="form-group">
        <input type="text" class="form-control" id="id_search_last" placeholder="Search by Last Name">
    </div>
    <div class="form-group">
        <select id="group" class="form-control">
              <option value="">Groups</option>
              <option value="Principle">Principle</option>
              <option value="Vice Principle">Vice Principle</option>                                                              
              <option value="Teachers" selected="selected">Teachers</option>              
              <option value="Daycare Staff">Daycare Staff</option>
              <option value="Educational Assistants">Educational Assistants</option>                                                              
              <option value="Special Needs Assistant">Special Needs Assistant</option>                                                            
              <option value="Human Resources">Human Resources</option>
              <option value="Day Time Caretaker">Day Time Caretaker</option>
              <option value="Night Time Caretakers">Night Time Caretakers</option>  
              <option value="School Administration">School Administration Staff</option>                                                              
        </select>                                                                                                           
        <div class="default"><input type="text" style="" class="form-control ShowTeachers" id="schoolTeachers" value="Teachers"></div>
    </div>
</form>

谢谢!

1 个答案:

答案 0 :(得分:0)

try to keep the selected group value in $_SESSION and update the group value from session, then the selected value stays as it is,even when the user goes back.
相关问题