CODEWITHSUNDEEP
jquery
PhilD
PhilD

Reputation: 277

getting text from li with jquery

transitioning from javascript to jquery. problem getting text from li and sending it to input using jquery- well the click call is working but not the rest.

HTML:

<ul id="cssmenu">
<li><span>Text1 Text Text</span></li>
<li><span>Text Text Text</span></li>
<li><span>sheh</span></li>
<li><span>Text Text Text</span></li>
</ul>
<input type="text" id="ches">

this is my working half jquery half vanilla JS:

 $("#cssmenu li").click(function(li){
    document.getElementById("ches").value = this.textContent;})

why is this not working:

$("#cssmenu li").click(function(li){
$("#ches").value = this.textContent;})

Upvotes: 0

Views: 55

Answers (2)

Krish R
Krish R

Reputation: 22741

Try this, You need use .val()

$("#ches").val(this.textContent);

OR

 $("#ches").val($(this).text());

instead of 

$("#ches").value = this.textContent;

Upvotes: 1

j08691
j08691

Reputation: 208032

Instead of:

$("#ches").value = this.textContent;}

use:

$("#ches").val(this.textContent);

jsFiddle example

You can't use value on a jQuery object; use .val() instead.

Upvotes: 1

Related Questions