<input type="text" name="city" value="" id="input-city"  />
<ul>
<li data-value="Город 1"><a href="#">Город 1</a></li>
<li data-value="Город 2"><a href="#">Город 2</a></li>
<li data-value="Город 3"><a href="#">Город 3</a></li>
</ul>

li{
  cursor: pointer;
  margin: 10px 0;
}

$('ul').on('click', 'li', function (el){
  $('#input-city').val($(el.currentTarget).children('a').text())
})