Как с помощью jquery получить данные из input и подставив их в get параметры перенапр
Здравствуйте!
У меня есть форма поиска с выпадающим списком. Т.е. пользователь вводит в поле свой запрос и в выпадающем списке выбирает где искать его запрос. Моя форма:
<section class="container-search">
<form class="search-new" action="" >
<input id ="my-search" class="new-search" type="search" name="query" placeholder="Поиск" autocomplete="off" required/>
<ul class="search-ac">
<li><a class="country" id="ru" href="/ru/search"><img src="/app/site/assets/img/russia.png" alt="Россия">Россия</a></li>
<li><a class="country" id="ua" href="/ua/search"><img src="/app/site/assets/img/ukraine.png" alt="Украина">Украина</a></li>
<li><a class="country" id="kz" href="/kz/search"><img src="/app/site/assets/img/kazakhstan.png" alt="Казахстан">Казахстан</a></li>
</ul>
</form>
</section>
По т.е. допустим пользователь решил поискать "береза" в России. По тегу <a> пользователь переходит по ссылке /ru/search, а мне нужно, чтобы он переходил по ссылке /ru/search?query=береза. Для этого я написала скрипт.
$(document).ready(function() {
/*Получаю id страны при собитии click*/
function cnt() {
$('a.country').click(function() {
var country = $(this).attr('id');
return country;
});
}
// результат функции записываю в переменную
var c = cnt();
//получаю результат ввода в input
function vln() {
$("input#my-search").keyup(function() {
var value = $(this).val();
}).keyup();
return value;
}
// результат функции записываю в переменную
var v = vln();
//формирую новые url
var url = "http://dev.com/" + c + "?query=" + v;
//Переопределяю href для ссылки
$("a.country").attr("href", url);
});
Но к решению задачи не продвинулась. Помогите, пожалуйста, советом, комментарий, примером. То, что я совсем новичoк в js, думаю очевидно. Заранее спасибо! |
Может выбор страны сделать списком?
function cnt() { установка обработчика и function vln() тоже самое, не нужно. |
ОльгаSha,
заменить скрипт полностью на этот код
$(function() {
$('.search-new').on('click', 'a.country', function(event) {
event.preventDefault();
event.delegateTarget.action = `https://dev.com/${this.id}/search`;
event.delegateTarget.submit();
});
});
|
Цитата:
|
Цитата:
Цитата:
|
рони,
это механизм, а не логика, для форм регистраций логично, для поиска нет. :) |
| Часовой пояс GMT +3, время: 18:38. |