Значение раскрывающегося списка опций обновить страницу при выборе

Question

Мне нужно обновить всю веб-страницу, когда пользователь выбирает конкретный выбор в раскрывающемся меню.
Я пробовал несколько параметров 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> 

Answer 1

Это должно работать:

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>

Answer 2

Использование location.reload()

jsfiddle

Answer 3

Вот рабочий пример с 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>

Answer 4

Возможный способ:

<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>