jQuery技术:单击下拉列表 – JQuery更改文本值

试试这个代码。 在输入中，使用val()更改值。 并获取你的text() 。

jsFiddle在这里

 $('document').ready(function(){ $('#locationselect li').click(function() { $('#location').val($(this).text()); }); }); 

或.on

 $('document').ready(function(){ $('#locationselect li').on('click',function() { $('#location').val($(this).text()); }); }); 

你需要.text而不是.val来检索值， .val而不是.html来设置值，你需要绑定到li而不是父div ：

 $('#locationselect li').click(function() { $('#location').val($(this).text()); }); 

将侦听器放在li元素本身上，然后从中获取text 。

试试这个解决方案

 
United Kingdom
France
Germany
  $('#locationselect li').click(function() { $('#location').val($(this).text()); }); 

请参阅更新的JSFiddle ： http ： //jsfiddle.net/WYUSn/

从https://jsfiddle.net/ZbcVH/8/可以看到，有两个mein错误：

你需要使用li而不是#locationselect ，你应该使用.text()而不是.val() 。