ユーザーがドロップダウン・メニューで特定の選択を選択したときに、Webページ全体をリフレッシュする必要があります。
私はいくつかのjavascriptオプションを試しましたが、私はソースを持っていましたが運がありません。オプション値ドロップダウン・リフレッシュ・ページ選択時
<select name="custom" id="dropdown" class="selectpicker box-shadow">
<option selected="true" disabled="disabled" value="">-- Select --</option>
<option value="American">American</option>
<option value="Asian">Asian</option>
<option value="All">All</option> (IF SELECTED, PAGE WILL REFRESH)
</select>
：
function change(element) {
if (element.value == "All") {
window.location.reload();
}
}<select onchange="change(this)" name="CAT_Custom_34" id="CAT_Custom_34" class="selectpicker box-shadow">
<option selected="true" disabled="disabled" value="">-- Select --</option>
<option value="American">American</option>
<option value="Asian">Asian</option>
<option value="All">All</option>(IF SELECTED, PAGE WILL REFRESH)</select>ありがとうFralec。その解決策が働いた。私は助けに感謝します。 –
ここlocation.reload();と作業例です：
document.getElementById('dropdown').onchange = function(e) {
if (e.target.value == 'All') {
location.reload();
}
};<select name="custom" id="dropdown" class="selectpicker box-shadow">
<option selected="true" disabled="disabled" value="">-- Select --</option>
<option value="American">American</option>
<option value="Asian">Asian</option>
<option value="All">All</option> (IF SELECTED, PAGE WILL REFRESH)
</select>彼はjQueryを使用していません。 – Fralec
@Fralec私の悪い。私はこの例を更新しました。 –
可能な方法：
<script type="text/javascript">
window.onload = function() {
var dropDown = document.getElementById('dropdown');
dropDown.addEventListener('change', function() {
var dropDownValue = this.getAttribute('value');
//choose here when you wanna refresh the page or if you wanna redirect to another page
if (dropDownValue === 'All') {
window.location = 'your-page.html';
}
}, false);
}
</script>
私は、これは保留にされてきた理由はわかりません。 解決策を提供してくれた皆様、ありがとうございます。 –