по нажатию кнопки, чтобы напрямую перейти к URL с извлеченной строкой запроса из поля ввода - PullRequest
Новая
       13

по нажатию кнопки, чтобы напрямую перейти к URL с извлеченной строкой запроса из поля ввода

2 голосов
/ 29 декабря 2011

У меня есть поле ввода и кнопка.Когда пользователь вводит ключевое слово для поиска, я хочу получить его по нажатию кнопки, а также перейти к URL + Ключевое слово, с ключевым словом, добавленным к URL в виде строки запроса, подобной этой http://mysite.com/events.aspx?kwd=dance

Как мне это сделать в JavaScriptили jquery? 

<input name="keyword" class="EventSearchBox" type="text" />
<input name="SearchButton" type="button" value="Search" /><br/><br/>

1 Ответ

1 голос
/ 29 декабря 2011

Было бы лучше превратить ваш HTML в form, с его атрибутом action, указывающим на http://mysite.com/events.aspx, а атрибутом method как get.

Тогда вам следует переименовать вашkeyword поле ввода как kwd.Тогда вам не нужно будет использовать какой-либо JavaScript, чтобы заставить его работать.

Однако, если по какой-то причине это невозможно ...

jQuery 

var keywordInput = $('input[name="keyword"]');
$('input[name="SearchButton"]').click(function() {
   window.location = 'http://mysite.com/events.aspx?kwd=' + encodeURIComponent(keywordInput.val());
});

Без jQuery 

var keywordInput = document.getElementsByTagName('keyword')[0];
document.getElementsByTagName('SearchButton')[0].addEventListener('click', function() {
  window.location = 'http://mysite.com/events.aspx?kwd=' + encodeURIComponent(keywordInput.value);
}, false);

Помните, что addEventListener().Вам нужно будет использовать attachEvent().

...