перегрузить страницу, когда выбранный элемент в <select> - HTML

Question

У меня есть небольшой вопрос относительно использования <select></select>

я получаю данные с сервера с запросом. Для этого запроса я использовал shtml.

Теперь я хочу, чтобы при выборе пользователем элемента в поле selectbox страница получает данные этого элемента с сервера. Запрос на сервер может выглядеть так: %! tcp-connections

Так что, думаю, мне нужно обновить страницу с помощью JavaScript или что-то в этом роде. Может ли кто-нибудь сказать мне, как я могу это сделать?

Answer 1

HTML:

<select id="select"> 
    <option selected>Default</option> 
    <option value="refresh">Refresh</option> 
</select> 

JavaScript:

function onchange(e) { 
    if (e.currentTarget.value === 'refresh') { 
     window.location.reload(); 
    } 
} 

document.getElementById('select').addEventListener('change', onchange); 

Демо: http://jsfiddle.net/moogs/w425208t/

Answer 2

Использование window.location.href = yourUrl; Это будет "перенаправление" Вы перейдете на страницу с URL yourUrl

Answer 3

вы можете использовать любые из них:

window.location.reload(false); 
// If we needed to pull the document from 
// the web-server again (such as where the document contents 
// change dynamically) we would pass the argument as 'true'. 
//i.e. 'true' will force the page to reload from the server. 'false' will reload from cache, if available. 

or 

location.reload(); 

or 

window.location.replace(window.location.pathname);