【问题标题】:Select Box going back to index but wrong option is selected选择框返回索引但选择了错误的选项
【发布时间】:2017-10-24 11:19:23
【问题描述】:

当我打开一个带有selectbox 的新站点时,例如站点 x,然后选择了选项 x,但是当我通过单击左上角的箭头返回时,我返回到站点 y,但选项 x 仍然存在选择。

谁能帮帮我?

 <nav id="navigation" class="navigation">
  <a href="index_V1.html">Home</a>
 <select id="Menu">
   <option disabled selected hidden> # </option>
    <option  href="#">#1</option>
    <option href="#">#2</option>
    <option href="#">#3</option>
   <option href="#">#4</option>
 </select>

 <script>
   document.getElementById('Menu').onchange = function() {
     window.location.href = 
     this.children[this.selectedIndex].getAttribute('href');
   }
 </script>

我应该在脚本中添加什么来避免这个问题_

谢谢

【问题讨论】:

  • 你可以改进你的代码来描述你的问题。目前它的基本/不完整。
  • 我刚开始新的。你能告诉我解决这个问题所需的命令吗,我会学习它们并尝试应用它们
  • 当然,您可以在这里JSFiddle 复制您的问题。创建一个基本代码复制您的问题
  • 哦,您的意思是您了解我的问题实际上是什么?我改变了一些东西来在这里上传代码。如果你是这个意思,我可以这样做并更好地描述我的问题,如果这就是你的意思
  • 好的,新尝试描述我的问题:)

标签: javascript html jquery-selectbox


【解决方案1】:

在你的页面上有一个隐藏的输入来识别刷新

<input type="hidden" id="refresh" value="no">

现在使用 JQuery 检查其值并相应地显式刷新站点,

$(document).ready(function(e) {
    var $input = $('#refresh');
    $input.val() == 'yes' ? location.reload(true) : $input.val('yes');
});

所以基本上第一次页面加载时的值为no,然后更改为yes,稍后如果再次访问yes会触发刷新。

感谢this SO

【讨论】:

  • 您好,打扰您了。我只是问,因为它对我不起作用。
  • 您可以将 HTML 部分首先放在“x”页面中,并将 Jquery 代码放在运行在“x”站点上的 JS 文件中。然后你访问“x”然后访问“y”并返回到“x”(通过浏览器返回)并检查?
  • 它只是不重新加载.. 嗯我必须将代码放入标签中吗?
  • 将 JQuery 放在您的 &lt;script&gt; 标记中,并将 input 放在任何 HTML 元素旁边。如果你用你到目前为止所做的事情来更新你的问题会更好
  • 嗯.. 它只是不起作用。你能告诉我我的示例代码吗?该网站只是不重新加载
猜你喜欢
  • 2012-01-02
  • 1970-01-01
  • 2011-12-16
  • 2016-09-12
  • 1970-01-01
  • 2011-05-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多