Link with value from input

Question

Good all the time of day.

Page_1, input (name = 'search'), next to the hunt to make 3 buttons, per page_2, which will search entered in the 'input'. Buttons 3, because it will be necessary to search in different places, and I cannot understand how to add the value from the “input” to the link, since The link is loaded already ready, and the value is entered into the 'input'.

Tell me how to organize this?

ps links while not in working form are:

 <a href="mypage.php?v=1&s=значение_инпута"> <a href="mypage.php?v=2&s=значение_инпута"> <a href="mypage.php?v=3&s=значение_инпута">

Community spirit ♦ one · Accepted Answer · 2011-09-15T09:28:42

 $("input#myinputId").change(function(){//Обработка события изменения. Надо подключить jquery var inputvalue = $(this).val();//Читаем значение инпута $("a.mychanginglink").each(function(index){// берем все ссылки, которые нужно поправить и пробегаемся по ним $(this).attr('href','mypage.php?v='+index+'&s='+inputvalue);//изменяем у каждой аттрибут href, согласно шаблону, описанному в задаче }); });

native js:

 <script> function editLinks(searchvalue){ var anc = new Array(); for(var index=1; index<=3; index++){ anc[index] = document.getElementById('href'+index); anc[index].href = "mypage.php?v="+index+"&s="+searchvalue; } } </script>

HTML:

 <input onchange="editLinks(this.value)" name="search" /> <!--<input onkeyup="editLinks(this.value)" name="search" /> - onkeyup для мгновенного измененя. onchange - при снятии фокуса--> <a href="#" id="href1">go1</a> <a href="#" id="href2">go2</a> <a href="#" id="href3">go3</a>

native JS for other forms and inputs:

 <script> function editInputs(searchvalue){ var inp = new Array(); for(var index=1; index<=3; index++){ inp[index] = document.getElementById('inp'+index); inp[index].value = searchvalue; } } </script>

HTML:

 <input onchange="editInputs(this.value)" name="search" /> <!--<input onkeyup="editInputs(this.value)" name="search" /> - onkeyup для мгновенного измененя. onchange - при снятии фокуса--> <form action='mypage.php'> <input type='hidden' value="1" name="v" /> <input type='hidden' value="" id="inp1" name="s" /> <button type='submit'>go1</button> </form> <form action='mypage.php'> <input type='hidden' value="2" name="v" /> <input type='hidden' value="" id="inp2" name="s" /> <button type='submit'>go2</button> </form> <form action='mypage.php'> <input type='hidden' value="3" name="v" /> <input type='hidden' value="" id="inp3" name="s" /> <button type='submit'>go3</button> </form>

It’s still useful to read this: How to set a dynamically changing action attribute for a form

And you can find out, stupidly horrible option: how to make 3 forms, with 1 input in each (type = "hidden"), which will be automatically equal to the first input that I fill out?
If you want to change in real time, and not when you focus off, replace onchange with onkeyup

Nicolas Chabanovsky ♦ 38.2k 54 220 437 · Answer 2 · 2011-09-15T09:20:26

Make a form, enter a value, copy the links, and you will have 4 buttons. What page encoding is it? .. Text in Russian?

Nicolas Chabanovsky ♦

38.2k 54 220 437

coderxlsn

67 one 2 sixteen

Encoding 1251, the text in Russian. Copy from where to where? More detail you can? Maybe then 3 forms, with hidden inputs, which will be somehow equal to the visible input, and then this is as an option. - sergey
I understand that you need something like <a href="mypage.php?v=1&s=%D0%B7%D0%BD...">значение_инпута</a> . In the search engines write the key, and copy the address, the easiest way - here is the link mypage.php?v=1&s=%D0%B7%D0%... Also note that in the URL you get the value in utf-8, you need to follow this, if your pkhp. - coderxlsn
Gentlemen, let us dwell on how when filling an input (which does not belong to any of the forms), automatically fill in the input (3pcs) in other forms, and make them hidden, the rest will not be difficult. - sergey
as well, only instead of links and hrefov - input and values: inp [index] .value = "searchvalue"; - knes

|

sergey sergey 1,293 6 45 92 · Answer 3 · 2011-09-15T10:48:41

 <input type='text' name='s1'> <form action="mypage.php?v=1" method="post" name="form"> <input type='text' name='v1' onKeyUp="var i1 = document.getElementById('v1'); var i2 = document.getElementById('s1'); i1.onkeyup = function(){ i1.value = i2.value;}"> <input name="submit" type="submit" value="кнопка1"> <form action="mypage.php?v=2" method="post" name="form"> <input type='text' name='v2' onKeyUp="var i3 = document.getElementById('v2'); var i4 = document.getElementById('s1'); i3.onkeyup = function(){ i3.value = i4.value;}"> <input name="submit" type="submit" value="кнопка2"> <form action="mypage.php?v=3" method="post" name="form"> <input type='text' name='v3' onKeyUp="var i5 = document.getElementById('v3'); var i6 = document.getElementById('s1'); i5.onkeyup = function(){ i5.value = i6.value;}"> <input name="submit" type="submit" value="кнопка3">

I mean that kind of this construct. she is not working, now I'm looking for shoals in it. if someone tell me I will be glad. using this without jquery, js

Only copy it neatly: <input type = 'text' name = 's1' id = 's1'> <form action = "mypage.php? V = 1" method = "post" name = "form"> <input type = 'text' name = 'v1' id = 'v1' onKeyUp = "var i1 = document.getElementById ('v1'); var i2 = document.getElementById ('s1'); i1.value = i2.value;"> <input name = "submit" type = "submit" value = "button1"> And so - almost everything is correct.
uh ... already tried to enter id, even in this form the construction does not work
Everything works fine for me: when we try to change the input named v1, v2 ... we are persistently returned the value s1
If I set the cursor in "name = 'v1' id = 'v1'" and press erase - the same value becomes from "name = 's1' id = 's1'", but that's why not immediately - I do not understand.
It would be onkeyPRESS immediately, but then it would be erased (if erased) or added (if you write)

Link with value from input

3 answers 3

More articles: