javascript - 从选择下拉列表中创建查询字符串链接？

Question

我想构建一个带有查询字符串的简单网址，该查询字符串可通过 javascript/jquery 从下拉框中运行。

类似这样的事情...

<select id="query">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

<a onclick="window.location='http://www.website.com/?title=' + $(#query);"></a>

有什么想法吗？

Answer 1

将标记更改为

<select id="query">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

<a id="anchor" href="http://www.website.com/?title=1"></a>

然后添加一些 jQuery

$('#query').on('change', function() {
    $('#anchor').attr('href', 'http://www.website.com/?title=' + this.value);
});

更改 href 并将所选值添加到 URL 的查询字符串