Mam przycisk wyszukiwania w HTML i chciałbym połączyć się

/home/search/search_term 

Gdzie wyszukiwane określenie jest wartością wprowadzoną do odpowiedniego elementu wejściowego.

Coś jak

<input id="input_field"> </input>
<button onclick="location.href='home/search/$(input_field).value'">Search</button>

Byłoby idealne.

Jak mogę osiągnąć coś takiego?

0
Gottfried 14 sierpień 2014, 18:14

2 odpowiedzi

Najlepsza odpowiedź

Nie ma </input>. Zmień swój kod do:

<input id="input_field" />
<button onclick="location.href='/home/search/' + $('#input_field').val();">Search</button>

Jeśli nie używasz jQuery, zmień kod do:

<input id="input_field" />
<button onclick="location.href='/home/search/' + document.getElementById('input_field').value;">Search</button>
2
Praveen Kumar Purushothaman 14 sierpień 2014, 14:16

Po pierwsze, elementy input są samozamykające się. Oznacza to, że używasz <input ... />, a nie <input>...</input>.

Po zmianie tego, zakładając, że masz biblioteki jQuery, musisz zmienić:

'home/search/$(input_field).value'

Do:

'home/search/' + $('#input_field').val()

Jeśli nie masz biblioteki jQuery, nie będzie działać, ponieważ powyższy fragment obejmuje kod jQuery. Zamiast tego możesz użyć tego:

'home/search/' + document.getElementById('input_field').value
2
James Donnelly 14 sierpień 2014, 14:17