Как добавить пользовательские данные из ввода в атрибут действия при отправке?

Question

Я дизайнер, пытающийся обновить некоторые формы на нашем сайте. Я хотел бы использовать jquery, чтобы добавить поисковый термин в URL, который мы используем в качестве действия в наших поисковых формах. Наш текущий веб-сайт является устаревшим asp.

Необходим новый подход, поскольку наши текущие формы выполняют поиск в базе данных на другом веб-сайте (contentdm, размещенный в OCLC), а в обновленной версии наши текущие формы не будут работать.

Новый метод заключается в записи элементов в URL (см. Searchterm / ohio в URL ниже):

http://sandbox.contentdm.org/cdm/search/collection/p10010coll1/searchterm/ohio

Я знаю, как добавить последнюю библиотеку jquery на мою страницу, но я не очень хорошо знаю, как написать скрипт, чтобы он работал.

Предыдущая форма использует этот метод:

<form method="get" action="http://content.wisconsinhistory.org/cdm4/results.php">
<input type="hidden" name="CISOOP1" value="all" />
<input type="hidden" name="CISOFIELD1" value="CISOSEARCHALL" />
<input type="hidden" name="CISORESTMP" value="results.php" />
<input type="hidden" name="CISOVIEWTMP" value="item_viewer.php" />
<input type="hidden" name="CISOMODE" value="grid" />
<input type="hidden" name="CISOGRID" value="thumbnail,A,1;" />
<input type="hidden" name="CISOBIB" value="title,A,1,N;" />
<input type="hidden" name="CISOTHUMB" value="20 (4x5);title" />
<input type="hidden" name="CISOTITLE" value="20;title,none,none,none,none" />
<input type="hidden" name="CISOHIERA" value="20;titlea,title,none,none,none" />
<input type="submit" value="Search" class="button" />
</form>

Я искал в Google, чтобы узнать, как получить форму для перехода на страницу результатов, например новый URL: http://sandbox.contentdm.org/cdm/search/collection/p10010coll1/searchterm/ohio

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

<script>                                    
$(document).ready(function(){
    $('.searchform').append('action="http://sandbox.contentdm.org/cdm/search/collection/p10010coll1/searchterm/' + 'input[name=searchvalue]');
}); 
</script>

<form method="get" class="searchform" action="http://sandbox.contentdm.org/cdm/search/collection/p10010coll1/searchterm/">
<input type="text" name="searchvalue" tabindex="1">
<input type="submit" value="Search" class="button" />
</form> 

Я просто знаю, что должен быть способ сделать это! Я благодарен за любую помощь, которую вы можете оказать. Спасибо!

Answer 1

$('#.searchform').submit(function(e) {
    e.preventDefault();
    var action = $(this).attr('action') + '/' + $('input[name=searchvalue]', this).val();
    window.location.href = action;
});

Я отредактировал код, чтобы запретить отправку, и просто захожу на URL с добавленным поисковым словомБудет ли это работать?