jquery：在输入上显示选定的文本

Question

我需要使用jquery在输入列表中显示所选文本。

<ul>
  <li><a href="#">Coffee</a></li>
  <li><a href="#">Tea</a></li>
  <li><a href="#">Milk</a></li>
</ul>

<input type="text" value="Text selected">

Answer 1

您应该为文本输入添加名称，以便其他文本输入不受影响

$( document ).ready(function() {
	$('ul li a').click(function(e) 
	{ 
       $("#drink_name").val($(this).text());
	});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<ul>
  <li><a href="#">Coffee</a></li>
  <li><a href="#">Tea</a></li>
  <li><a href="#">Milk</a></li>
</ul>

<input type="text" value="Text selected" id="drink_name">