JQuery - значение URL нагрузки

Question

Я смотрю на реализации этого выбора страны http://baymard.com/labs/country-selector

Одно изменение я stuggling сделать это: вместо того, чтобы просто показывать оповещения всплывающий однажды представил, я хотел бы это так что когда значение формы = "[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"> 

Answer 1

Вам нужно добавить location.href перенаправить страницу. поскольку вы не добавили html своего кода, я добавил javascript, чтобы получить значение поля ввода с именем «value»;

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