jquery表单提交转到新URL
基本上,我正在构建一个html横幅,可以发布在博客或其他网页上。 它只是一个表单,在select元素中有一些选项jquery表单提交转到新URL,jquery,forms,submit,window.open,Jquery,Forms,Submit,Window.open,基本上,我正在构建一个html横幅,可以发布在博客或其他网页上。 它只是一个表单,在select元素中有一些选项 <form id='formElement' method='get' action='#'> <select id='selectElement'> <option value='united-kingdom'>UK</option> <option value='ireland'>Ireland</option&g
<form id='formElement' method='get' action='#'>
<select id='selectElement'>
<option value='united-kingdom'>UK</option>
<option value='ireland'>Ireland</option>
</select>
</form>
如果我在本地预览并使用横幅,这很好,但是如果我将横幅嵌入到博客文章中,那么当表单提交时,它只会进入该URL的主页
有什么想法吗
出于某种原因,它在js fiddle上运行良好:
博客站点中生成的html可能无效。例如,如果它是一个ASP.NET站点,那么您可能正在创建一个嵌套的源,这是不允许的 否则,博客站点可能会仔细地编码或删除JavaScript,以对抗跨站点脚本
不看博客网站很难判断。我在一个iframe中添加了输入表单,现在似乎可以正常工作了,无论如何谢谢你是的,因此如果将标题添加到一个名为www.blog.com/posts/cheese/的博客,并从下拉列表中选择一个选项,而不是选择正确的url,它将重新加载页面并转到www.blog.comSo,网站的webroot。“主页”并没有真正的意义。不管怎样,嵌入后的HTML是什么?
$(function() {
$("#selectElement").change(function() {
if ($(this).val()) {
var country = $(this).val();
window.open("http://www.mobell.co.jp/country/"+country+"/", '_parent');
$("#formElement").submit();
}
});
});
});