Add text to input using jquery

Question

I would like that jquery adds the value of a class="num" to the form with the id="form2" when the class="text" is clicked. Its important that only the value of the next "num"-class after the "text"-class is added to the form!

<p class="text" >
<a class="num"><%= g.nummer %></a><a class="bez"><%= g.bezeichnung %></a>
</p>

<input id="form2" name="suche" type="text">

My actual code:

$(document).on("click", ".text", function() {
   $("#Content").html($(this).next(".text1").html());
   $("#form2").html($(this).next(".num").val());
   $('.text').css('color','');
   $(this).css( "color", "red" );
  });
 });

But somehow this line wont work:

$("#form2").html($(this).next(".num").val());

Thanks!

change .html() to .val()

Sterling Archer
– Sterling Archer

2013-08-19 13:34:01 +00:00
Commented Aug 19, 2013 at 13:34 — Sterling Archer
– Sterling Archer, Commented Aug 19, 2013 at 13:34

mishik · Accepted Answer · 2013-08-19 13:42:45Z

2

Your .num is a child of .text, rather than next element.

Change:

$("#form2").html($(this).next(".num").val());

To:

$("#form2").val($(this).children(".num").html());

and as correctly said in comments: use val() to get/set value of input element, and .html() to get/set contents of the element.

edited Aug 19, 2013 at 13:42

answered Aug 19, 2013 at 13:35

mishik

10k9 gold badges48 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

George · Accepted Answer · 2013-08-19 13:37:27Z

0

Try this

var yourVal = "someText";

$("#form2").children(".num").val(yourVal);

edited Aug 19, 2013 at 13:37

George

36.8k9 gold badges70 silver badges109 bronze badges

answered Aug 19, 2013 at 13:35

Praveen

56.7k35 gold badges137 silver badges169 bronze badges

Collectives™ on Stack Overflow

Add text to input using jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related