在<select> - HTML </select>中选择项目时重新加载页面

时间:2014-09-18 07:10:25

标签: javascript html shtml

我对使用<select></select>

有一个小问题

我从带有请求的服务器接收数据。对于这个请求,我使用了shtml。

现在我想要的是,当用户在de 选择框中选择项目时,该页面将从服务器获取该项目的数据。对服务器的请求可能如下所示%! tcp-connections

所以我认为我必须做的是使用 JavaScript 等页面刷新。有人能告诉我怎么做吗?

3 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:1)

使用window.location.href = yourUrl;它会将您“重定向”到包含网址yourUrl的页面

答案 2 :(得分:1)

你可以使用以下任何一种:

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