Добавить условия поиска из формы для поиска URL

Question

Я пытаюсь создать поисковый запрос для сайта, который добавляет поисковые термины в конец URL.

Это URL, о котором идет речь:

http://apps.ticketbiscuit.com/ticketbiscuit.website/LyricTheatreOxford/Search/

Вы можете выполнить поиск вручную, добавив поисковый термин в конец URL-адреса, например ./Search/robert &, если строка содержит несколько слов, их необходимо разделить на «% 20», например ./Search/Robert%20Earl.

Вот моя текущая форма поиска:

<form method="get" action="http://apps.ticketbiscuit.com/ticketbiscuit.website/LyricTheatreOxford/Events/Search/" id="searchform" role="search"> 
    <input type="text" value="Search Events" name="s" id="s" onFocus="if (this.value == 'Search Events') {this.value=''; this.style.color='#000000';}"/> 
    <input type="hidden"  name="sitesearch"  value=""/> 
</form>

Если я введу Кевина в поле ввода, форма вернет этот URL:

http://apps.ticketbiscuit.com/ticketbiscuit.website/LyricTheatreOxford/Search/?s=Kevin&sitesearch=

Я знаю, что мне нужен Javascript для обработки поиска и создания правильного URL, но я понятия не имею, что нужно.

У кого-нибудь есть идеи?Извинения, если это было дано ответ в другом месте.Я долго оглядывался, но ничего не смог найти.

Answer 1

Добавьте onsubmit="return searchForm(this)" к тегу формы.

Затем определите function searchForm:

<script>
function searchForm(form){
    location.href = "http://apps.ticketbiscuit.com/ticketbiscuit.website/LyricTheatreOxford/Search/" + form.s.value;
    return false;
}
</script>

См. Также: Открыть URL на основе поискового запроса без php "? Q = (myTerm)" и вместо этого с простым "/ (myTerm)" *