提交表单后保持选择值

一尘不染

提交表单后保持选择值

javascript

考虑：

<form method="get" action="">
   <select name="name">
      <option value="a">a</option>
      <option value="b">b</option>
   </select>
   <select name="location">
      <option value="x">x</option>
      <option value="y">y</option>
   </select>
   <input type="submit" value="Submit" class="submit" />
</form>

提交表单时，如何确保下拉列表中的选定值保持选中状态？此表单位于WordPress（PHP）内部。

阅读 305

2020-05-01

共1个答案

一尘不染

为了避免许多if-else结构，让JavaScript自动完成：

<select name="name" id="name">
   <option value="a">a</option>
   <option value="b">b</option>
</select>

<script type="text/javascript">
  document.getElementById('name').value = "<?php echo $_GET['name'];?>";
</script>

<select name="location" id="location">
  <option value="x">x</option>
  <option value="y">y</option>
</select>

<script type="text/javascript">
  document.getElementById('location').value = "<?php echo $_GET['location'];?>";
</script>

2020-05-01