提问人：Exie 提问时间：11/16/2023 最后编辑：Exie 更新时间：11/16/2023 访问量：70
使用 onchange 参数选择排序选项时如何重新加载页面
How to reload a page when selecting an sorting option with the onchange parameter
问：
我有一点问题。当我在下拉列表中选择参数时，我无法刷新页面...当我在新文档的页面之外尝试它时，这不是问题，我不知道它是否被 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>
答：
2赞
Nishant Fulara
11/16/2023
#1
如果你正在为你的js代码使用外部文件，你可以像这样执行相同的操作，在下面的代码中，我使用一个外部脚本文件来管理我的js代码，我认为这是使你的js文件远离其他事情的最佳方法。
document.getElementById("autnastranku").addEventListener('input', function () {
var theVal = this.value;
if(theVal === 'reload1') {
location.reload();
}
})<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Credit Card</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<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>
</body>
<script src="script.js"></script>
</html>评论
0赞
Exie
11/17/2023
还是没有。当我选择“重新加载”选项时，没有任何反应。页面不刷新，我真的不知道问题出在哪里。
1赞
Omar Magdy
11/29/2023
#2
它工作成功，并刷新页面。
运行问题中的代码片段并尝试一下。
当我尝试它时，它起作用了。
评论
1赞
Exie
11/30/2023
这很奇怪。在我使用 Bootstrap 4 的我自己的网站上没有发生任何事情。我使用了这段代码，什么也没发生。当我在Visual Studio中创建一个新文件进行测试时，它起作用了。
评论