html form without submit button and anchor link onclick redirect with input value

Question

I want to redirect people like this: example.com/search/[search+text]

html source code:

<form name="menu_search" method="get" onsubmit="window.location.href = 'http://www.col3negmovie.com/search/'+this.q.value+''; return false;" >
    <input name="q" id="videoSearch" />
</form>

this is the anchor link :

<a href="./#" onclick="document.menu_search.submit(); window.location.href='http://www.col3negmovie.com/search/'+this.q.value+''; return false;">Search</a>

onclick doesn't work, how could i fix this?

onclick="document.menu_search.submit();
window.location.href='http://www.col3negmovie.com/search/'+this.q.value+'';
return false;"

Try removing this line `document.menu_search.submit(); ` – Just code Apr 11 '14 at 09:18 — Just code, Apr 11 '14 at 09:18

chris97ong · Accepted Answer · 2014-04-11T09:53:35.630

2

Your form:

<form name="menu_search" method="get" onsubmit="window.location.href = 'http://www.col3negmovie.com/search/'+document.getElementsByName('q')[0].value+''; return false;" >
<input name="q" id="videoSearch" />
</form>

Anchor tag:

<a href="./#" onclick="document.getElementsByName('menu_search')[0].submit(); return false;">Search</a>

Or without the <form> tag (which makes it less confusing):

<input name="q" id="videoSearch" />
<a href="./#" onclick="window.location.href = 'http://www.col3negmovie.com/search/' + document.getElementById('videoSearch').value;">Search</a>

To do the same when 'Enter' is pressed:

document.getElementById("videoSearch").onkeyup = function() {
if (this.event.keyCode == 13 || this.event.which == 13)
    //Enter was pressed, handle it here
    window.location.href = 'http://www.col3negmovie.com/search/' + document.getElementById('videoSearch').value;
}
}

Hope that helped.

edited Apr 11 '14 at 09:53

answered Apr 11 '14 at 09:19

chris97ong

6,870
7
32
52

@user3501407 This is confusing ... does it work or not? – chris97ong Apr 11 '14 at 09:43
Actually in my opinion, the `
` tag is unneccessary
– chris97ong Apr 11 '14 at 09:45
but somepeoples not click that link only just enter so work ? – user3501407 Apr 11 '14 at 09:47
how to add this friend ? – user3501407 Apr 11 '14 at 10:02
Add this between you ` – chris97ong Apr 11 '14 at 10:04
Put the script tags in the body, not the head. Dont need head. – chris97ong Apr 11 '14 at 10:09
@user3501407 Sorry but not free. You might want to see [this](http://stackoverflow.com/questions/905222/enter-key-press-event-in-javascript) link. – chris97ong Apr 11 '14 at 10:11
i think want to somechange with anchor tag know? – user3501407 Apr 11 '14 at 10:13
if have some problem now you can check – user3501407 Apr 11 '14 at 10:15

html form without submit button and anchor link onclick redirect with input value

1 Answers1