Question

美好的一天。刷新页面后，在选择标记中显示所选值时遇到一些问题。当用户想要搜索某些内容时，我有3个选择标记作为参数。

 <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代码并使用select＆＃34; name＆＃34;获取您发布的数据并匹配选项值，如

<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>

在选择页面刷新后显示所选值

2 个答案: