仅选择链接参数

时间:2014-07-23 09:11:25

标签: javascript

我正在尝试使用链接下拉,但我不想在网址中仅使用参数中的链接文件名。

以下是代码:

<script type="text/javascript">
    function goToNewPage(){
        var url = document.getElementById('list').value;
        if(url != 'none') {
            window.location = url;
        }
    }
</script>

<select name="list" id="list" accesskey="target">
    <option value='none' selected>Choose an item</option>
    <option value="?one">item1</option>
    <option value="?two">item2</option>
<select>
<input type=button value="Go" onclick="goToNewPage()" />


If I use: <option value="index.html?one">item1</option> it will work but:

我如何使用它......就像这样:

<option value="?one">item1</option> ?

2 个答案:

答案 0 :(得分:1)

您可以使用document.location.search

function goToNewPage() {
    var url = document.getElementById('list').value;
    if(url != 'none') {
        document.location.search = url;
    }
}

答案 1 :(得分:1)

如果你的链接文件名是“index.html”,那么你应该使用:

<script type="text/javascript">
function goToNewPage(){
    var url = document.getElementById('list').value;
    if(url != 'none') {
        window.location = "index.html" + url;
    }
}
</script>