我想构建一个带有查询字符串的简单网址,该字符串可以在带有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>
有什么想法吗?
答案 0 :(得分:5)
将标记更改为
<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的查询字符串