使用 onchange 参数选择排序选项时如何重新加载页面

Question

我有一个小问题。当我在下拉列表中选择一个参数时，我无法刷新页面...当我在新文档中的页面之外尝试它时，这不是问题，我不知道它是否被 Bootstrap 阻止在某个地方。我还在学习JS，所以我可能在某个地方犯了错误，但我不知道在哪里。我尝试重新加载一个参数（见下文），然后我想在单击选项值时始终重新加载页面..谢谢

这是部分代码

 function reloadF(obj){
                var theVal = obj.options[obj.selectedIndex].value;
                if (theVal == 'reload1') location.reload();
              }

                    <select name="autnastranku" id="autnastranku" onchange="reloadF(this);">
                      <option value="0">Aut na stránku</option>
                      <option value="1">6</option>
                      <option value="2">9</option>
                      <option value="3">12</option>
                      <option value="reload1">reload</option>
                    </select>
                  

Answer 1

如果您的 js 代码使用外部文件，您可以执行相同的操作，在下面的代码中，我使用外部脚本文件来管理我的 js 代码，我认为这是让您的 js 文件远离的最佳方法其他事情。

这是 script.js 文件

document.getElementById("autnastranku").addEventListener('input', function () {
  var theVal = this.value;
  if(theVal === 'reload1') {
      location.reload();
  }
})

这是index.html文件

<select name="autnastranku" id="autnastranku">
  <option value="0">Aut na stránku</option>
  <option value="1">6</option>
  <option value="2">9</option>
  <option value="3">12</option>
  <option value="reload1">reload</option>
</select>