Как сделать при клике в поиске переход?

Question

[Павел]

Есть плагин Autocomplete for Relevanssi для wp , он генерирует следующий код:

<div class="awesomplete">
	<input class="search-field" value="" name="s" autocomplete="off" type="search">
	<ul>
		<li>si<mark>te</mark></li>
		<li><mark>te</mark>chnician</li>
		<li><mark>te</mark>s<mark>te</mark>d</li>
		<li><mark>te</mark>xting</li>
		<li>lis<mark>te</mark>d</li>
		<li>sui<mark>te</mark>bale</li>
	</ul>
</div>
<button type="submit"></button>

надо чтоб при выборе любого li нажимался submit , как такое сделать на jquery или js?

p.s. полный код который на выходе получается

многа букаф

<div class="d6 blackFrontPage">
    <form role="search" method="get" id="searchform" class="searchform" action="http://pavelcdn.myjino.ru/">
        <div class="awesomplete">
            <input type="text" value="" name="s" id="s" class="targets" autocomplete="off" aria-autocomplete="list">
            <ul hidden="">
                <li aria-selected="false">as
                    <mark>fs</mark>
                                          dg
                </li>
                <li aria-selected="false">s
                    <mark>fs</mark>
                                          dgdfg
                </li>
                <li aria-selected="false">as
                    <mark>fs</mark>
                                          dgdfg
                </li>
                <li aria-selected="false">erhgbsfas
                    <mark>fs</mark>
                </li>
                <li aria-selected="false">bsfas
                    <mark>fs</mark>
                                          dgdfg
                </li>
                <li aria-selected="false">gbsfas
                    <mark>fs</mark>
                                          dgdfg
                </li>
                <li aria-selected="false">hgbsfas
                    <mark>fs</mark>
                                          dgdf
                </li>
                <li aria-selected="false">jsdhgkerhgbsfas
                    <mark>fs</mark>
                                          d
                </li>
                <li aria-selected="false">hgkerhgbsfas
                    <mark>fs</mark>
                                          dgdfg
                </li>
                <li aria-selected="false">jsdhgkerhgbsfas
                    <mark>fs</mark>
                                          dgd
                </li>
            </ul>
            <span class="visually-hidden" role="status" aria-live="assertive" aria-relevant="additions"></span></div>

        <button class="linkSearch" type="submit"></button>
    </form>
</div>

Answer 1

[trushka]

Погуглил, что за плагин у вас такой., глянул описание - так он при выборе пункта из списка генерирует на инпуте событие awesomplete-selectcomplete. можно его просто отлавливать средствами jQuery:

$('#s').on('awesomplete-selectcomplete', function(){this.form.submit()})

И никаких кнопок нажимать не надо))

Answer 2

[Павел Корнилов]

<li onclick= "document.forms[0].submit()">
Если форма не единственная на странице, то нужно обращаться к ней уже по имени.

Comments

[Павел]

код генерится на лету , я не могу навесить так onclick

[Павел Корнилов]

Ну, значит пробежать по элементам после загрузки формы

[].forEach.call(document.querySelectorAll('.awesomplete li'), function(i) {
		i.onclick= function(e) {
			document.forms[0].submit();
		} 
	})

Answer 3

[Максим Тимофеев]

$('.awesomplete li').on('click', function(){
   $(this).closest('div').next('button').click();
});

Comments

[Павел]

не срабаывает

Answer 4

[gleendo]

Demo

Answer 5

[Сергей Сергей]

$( 'body' ).click( '.awesomplete li', 
  function() {
    $( 'form#searchform' ).submit();
  }
);

Comments

[Exploding]

Селектор "#searchform" сам по себе уникален в рамках DOM. Уточняющий селектор "form" только усугубляет выборку элемента в данном случае

[Сергей Сергей]

Exploding: ну ладно.