jquery表單提交轉到新的URL

基本上我正在構建一個可以發佈在博客或其他網頁上的html橫幅。它只是一個在select元素中有一些選項的窗體。jquery表單提交轉到新的URL

<form id='formElement' method='get' action='#'> 
<select id='selectElement'> 
<option value='united-kingdom'>UK</option> 
<option value='ireland'>Ireland</option> 
</select> 
</form>

這個jQuery獲取所選選項的值，然後將值添加到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小提琴罰款： http://jsfiddle.net/5pSTz/

來源

2011-03-21 AJFMEDIA

「該URL的主頁」？ – 2011-03-21 12:54:27

是啊所以如果添加橫幅到一個名爲www.blog.com/posts/cheese/ 的博客，並從下拉菜單中選擇一個選項，而不是去正確的URL重新加載頁面，並去www.blog.com – AJFMEDIA 2011-03-21 13:09:28

所以，該網站的webroot。「主頁」並沒有真正的意義。無論如何，嵌入後產生的HTML是什麼？ – 2011-03-21 14:07:15

我已經在iframe中添加了輸入表單，現在看起來工作正常，無論如何感謝

來源

2011-03-21 13:45:43 AJFMEDIA

這可能是在博客網站生成的HTML是無效的。例如，如果它是一個ASP.NET網站，那麼你可能創建一個嵌套的，這是不允許的。

否則，博客網站可能會謹慎編碼或刪除JavaScript以對抗跨站點腳本。

很難說沒有看到博客網站。

來源

2011-03-21 12:27:32

jquery表單提交轉到新的URL

回答

相關問題