javascript - 链接后选择相同

Question

如何使所选选项在链接后保留？我使用该值作为 href ，当它加载时，它只会返回所有内容。我应该怎样做才能锁定期权值(value)？

这是我选择的代码:

echo ($AppUI->_("Company tickets:") . '<select id="my-select2" name="currentComp">');
echo ('<option value="?m=ticketsmith"/>All') ;
foreach ($rows as $row) {
  if (in_array($row['company_id'], $array1))  {
    echo ('<option value="?m=ticketsmith&amp;ticket_company=' . $row['company_id'] . '" />' . $row['company_id'].', ' . $row["company_name"]) ;
  }
}

这是我的 JS:

document.getElementById("my-select2").onchange = function() {
    localStorage.setItem('my-select2', document.getElementById("my-select2").value);
    window.location.href=this.value;
}
if (localStorage.getItem('my-select2')) {
    document.getElementById("my-select2").options[localStorage.getItem('my-select2')].selected = true;
}

Answer 1

版本 1

document.getElementById("my-select2").onchange = function() {
  localStorage.setItem('my-select2', this.value);
  window.location.href=this.value;
}
var val = localStorage.getItem('my-select2');
if (val) {
  document.getElementById("my-select2")[val].selected=true;
}

版本 2(推荐)

window.onload=function() {
  document.getElementById("my-select2").onchange = function() {
    localStorage.setItem('my-select2', this.selectedIndex);
    window.location.href=this.value;
  }
  var selIdx = localStorage.getItem('my-select2');
  if (selIdx !=null && selIdx !=-1) {
    document.getElementById("my-select2").selectedIndex=selIdx;
  }
}