Pridanie textu do inputu

Blackdevil · Napísal **Blackdevil**: 18.11.2010 15:25

Zdravim.

Potreboval by som poradit ako vyplnit text do inputu

mam vypisany text priklad

Kód:

text1
text2
text3

a ked kliknem na text1 chcel by ho vlozilo do konkretneho inputu

a este by som potreboval v pripade ze mam viac inputov a kliknem na jeden do ktoreho idem pisat...ako zistim cez js do ktoreho pisem?

djsulo · Napísal **djsulo**: 18.11.2010 15:30

najlepsie je ten text aplikovat do nejakeho spanu alebo ineho elementu, ktoremu priradis identifikaciu, napr.id, class - aby si mohol cez jQuery zavolat vlastnost onclick, odchytis si cez html() text z aktivneho elementu a potom priradis text inputu, ktoremu das tiez nejaku identifikaciu.

Blackdevil · Napísal autor témy **Blackdevil**: 18.11.2010 16:09

mno nejak stale neviem ako by sa to dalo...nejaka ukazka by nebola?

djsulo · Napísal **djsulo**: 18.11.2010 16:13

trvalo mi to asi 2 sekundy najst:
Ukazka

Blackdevil · Napísal autor témy **Blackdevil**: 19.11.2010 1:04

Kód:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#nazov").click(function() {
$("#textBox").html($("#changeText"));
});
});
</script>
<div id="nazov">
       <a id="changeText">text1</a><br>
       <a id="changeText">text2</a>
</div>

<div id="textBox"></div>

trosku sa s tym trapim a neviem si rady...ked kliknem na text2 tak sa ako prve dosadi text1 ide to postupne...ako to mam upravit aby ked kliknem na text2 dosadil sa text2 a taktiez potrebujem aby v tej ponuke stale ostal
[/code]

djsulo · Napísal **djsulo**: 19.11.2010 8:33

v prvom rade NEMOZES mat 2 rovnake ID v <a>. Asi nechapes podstatu tvojho zapisu, ale po kliknuti na #nazov sa do divu #textBox pokusi vlozit text z elementu s IDckom #changeText. aj ked kliknes na text2, vezme text1, pretoze ma take iste ID a narazi nan ako na prvy.
do tagov <a> vobec nepotrebujes zadavat ID. Skus porozmyslat a vkladanie textu urob cez $(this).

Blackdevil · Napísal autor témy **Blackdevil**: 19.11.2010 15:30

tak nakoniec som to vyriesil takto

Kód:

<html>
<head>
<script type="text/javascript">
function changeText(id,title){
  var userInput = document.getElementById(id).name;


   document.getElementById(title).value = userInput;
}
</script>

<div id="nazov">
       <a title="pohladnica" id="pohladnicaaa"  onclick='changeText(this.id,this.title)' name="pohladnica">pohladnica</a><br>
       <a title="tricko" id="trickooo"  onclick='changeText(this.id,this.title)' name="tricko adidasssss">tricko</a><br>
</div>

<input type="text" id="pohladnica" value=""/>
<input type="text" id="tricko" value=""/>
</body>
</html>

je to mozno chaoticke no s JS nerobim prakticky vobec tak ak mate niekto lepsie riesenie budem len rad

emer · Napísal **emer**: 19.11.2010 16:01

skus radsej nieco taketo

Kód:

$(document).ready(function(){
 $('#nazov a').click(function(){
  $('#tvojinput').val($(this).text());
 });
});

Pridanie textu do inputu

Podobné témy