Question

基本上我正在构建一个可以在博客或其他网页上发布的html横幅。它只是一个在select元素中有一些选项的表单。

<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();
            }
        });       
    });
});

如果我在本地预览和使用横幅，这样可以正常工作，但是如果我将横幅嵌入博客文章中，那么当表单提交时，它就会转到该网址的主页。

有什么想法吗？

出于某种原因，它在js小提琴上工作正常： http://jsfiddle.net/5pSTz/

Answer 1

博客网站中生成的html可能无效。例如，如果它是一个ASP.NET站点，那么您可能正在创建一个嵌套的，这是不允许的。

否则，博客站点可能会以编码或删除您的JavaScript来对抗跨站点脚本。

没有看到博客网站就很难分辨。

Answer 2

我已经在iframe中添加了输入表单，现在似乎工作正常，无论如何，谢谢

jquery表单提交转到新URL

2 个答案: