Question

I’ve a simple list and a form text-field:

<ul>
  <li class="item">one</li>
  <li class="item">two</li>
  <li class="item">three</li>
  <li class="item">four</li>
</ul>
<input id="field" type="text" />

When the user clicks on an <li> item, I want the string inside the li element to be assigned the value of the input field.

Something like:

$('.item').click( function(){
  $('#field').val(/*put the string inside the li element just clicked*/);
});

So how do I get the string in the li element?

Answer 1

$('.item').click(function(){    
    $('#field').val($(this).html()); 
});