2014-10-08 70 views
-1

我期待在實現這個國家選擇http://baymard.com/labs/country-selectorjQuery的 - 負載url值

一個變化我都有點吃力要提出的是:而不是僅僅顯示一個警告彈出提交一次,我想它這麼當form values =「[url]」來提交時加載該頁面。

目前,這是腳本:

<script> 
    (function($){ 
    $(function(){ 
     $('select').selectToAutocomplete(); 
     $('form').submit(function(){ 
     alert($(this).serialize()); 
     return false; 
     }); 
    }); 
    })(jQuery); 
</script> 

我已經嘗試了一些不同的解決方案,但我最終失去打字fuctionality和回覆到一個標準的下拉與聯繫工作。任何想法,我怎樣才能工作?

這裏是HTML的一個片段:

<form> 
<select style="padding:10px; width:200px;" name="Country" id="country-selector" autofocus autocorrect="off" autocomplete="off"> 
<option value="http://manchester.china-consulate.org/eng/" data-relevancy-booster="3.5" data-alternative-spellings="CN Zhongguo Zhonghua Peoples Republic 中國/中華">China</option> 
</select> 

<input style="padding:10px;" type="submit" value="Submit"> 

+1

詳細說明請參閱'forms value =「[url]]'。 – dfsq 2014-10-08 12:19:37

+0

我相信他menas有一個名爲「value」的輸入表單元素,它保存提交表單後需要重定向的url。 – 2014-10-08 12:34:35

+0

不要給我們一個鏈接到頁面,提供一個最小的代碼片段來展示問題。鏈接斷裂,使你的問題變成廢話;一旦您的問題得到解答,示例將始終對其他人有用。此外,給我們一個鏈接假設我們會追查幫助你所需的必要信息,但是他們往往會阻止那些會回答你的人,所以幫助我們來幫助你。 – 2014-10-08 13:08:19

回答

0

您需要添加location.href重定向的頁面。既然你沒有添加你的代碼的HTML,我已經添加了一個JavaScript來獲得輸入字段值的名稱「值」;

<script> 
    (function($){ 
    $(function(){ 
     $('select').selectToAutocomplete(); 
     $('form').submit(function(){ 
     var url = document.getElementsByName("value")[0].value; 
     window.location.href = url; 
     return false; 
     }); 
    }); 
    })(jQuery); 
</script>