我已经实现了一个导航栏uisng bootstrap 4,在其中我有一个语言下拉菜单,在选择时翻译页面,当下拉菜单语言被选择时,url将改变并且下拉菜单不显示正确的选择。
我是否应该调用ajax,而不是刷新/重新加载页面并更改内容。请帮帮忙
<body>
<nav>
<div class="dropdown">
<button id="language" class="btn btn-warning dropdown-toggle" type="button" id="dropdownMenu2"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="clickButton()">
English
</button>
<div id="languagelist" class="dropdown-menu" aria-labelledby="dropdownMenu2" onclick="clickItem();">
<a class="dropdown-item" href="/en">English</a>
<a class="dropdown-item" href="/fr">French</a>
</div>
</div>
</nav>
</body>
<script>
function handleLanguage() {
document.getElementById("languagelist").click();
}
function handleLanguageItem() {
var element = document.getElementById("languagelist");
for (var i = 0; i < element.children.length; i++) {
(function(index) {
element.children[i].onclick = function() {
var thetext = element.getElementsByTagName('a')[index].innerHTML;
var buttonelement = document.getElementById("language")
buttonelement.innerText = thetext;
}
})(i);
}
}
</script>
https://stackoverflow.com/questions/56725013
复制相似问题