Javascript 选择返回时丢失的选项按钮&搜索结果恢复为默认选项

Javascript 选择返回时丢失的选项按钮&搜索结果恢复为默认选项,javascript,php,jquery,forms,cookies,Javascript,Php,Jquery,Forms,Cookies,我在一家学校的网站上有一张搜索表,可以通过名字和/或姓氏搜索学校工作人员。搜索范围可以根据员工类型缩小 默认搜索是教师,因为这是最常用的术语和执行的常用搜索 除非用户通过下拉菜单选择&选项进行选择,否则所有其他学校员工列表都将隐藏 问题是,如果用户正在寻找日托工作人员,请单击其中一名日托工作人员以查看其个人资料,然后单击“上一步”按钮,将再次选择默认的“教师”选项,而先前的“日托工作人员”选项将丢失 我的问题是,如果我必须使用cookies,我如何使用cookies不重置为默认搜索选项 除了使用

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

默认搜索是教师,因为这是最常用的术语和执行的常用搜索

除非用户通过下拉菜单选择&选项进行选择,否则所有其他学校员工列表都将隐藏

问题是,如果用户正在寻找日托工作人员,请单击其中一名日托工作人员以查看其个人资料,然后单击“上一步”按钮,将再次选择默认的“教师”选项,而先前的“日托工作人员”选项将丢失

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

除了使用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>

谢谢

尝试将所选组值保留在$\u会话中,并从会话更新组值,然后即使用户返回,所选值仍保持原样

你可以使用数据库或平面文本文件,但如果我可以问的话,为什么不使用cookies呢?我不介意cookies,我只是想看看是否有其他方法。我在哪里可以找到一个好的教程呢?我最终使用了PHP会话和Javascript cookie的组合来解决这个问题。