基本上我正在构建一个可以发布在博客或其他网页上的 html 横幅。它只是一个在选择元素中有一些选项的表单。
<form id='formElement' method='get' action='#'>
<select id='selectElement'>
<option value='united-kingdom'>UK</option>
<option value='ireland'>Ireland</option>
</select>
</form>
这个 jQuery 获取所选选项的值,然后将值添加到 A URL 的末尾,然后打开该 url。
$(function() {
$("#selectElement").change(function() {
if ($(this).val()) {
var country = $(this).val();
window.open("http://www.mobell.co.jp/country/"+country+"/", '_parent');
$("#formElement").submit();
}
});
});
});
如果我在本地预览和使用横幅,这很好用,但如果我将横幅嵌入博客文章中,那么当表单提交时,它只会转到该 URL 的主页。
有任何想法吗?
出于某种原因,它在 js fiddle 上运行良好:http: //jsfiddle.net/5pSTz/