单击下拉列表 – JQuery更改文本值

http://jsfiddle.net/ZbcVH/1/

HTML

United Kingdom
France
Germany
  

jQuery的

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

如上面的链接所示，我基本上想要从无序列表项中选择值， id =“locationselect” ，然后将所选列表项的值放入id =“location”文本框中。 我不太确定我哪里出错了。

我确信这很简单。 我试过看其他问题来帮助，但它似乎没有点击。

谢谢你的帮助！

Answer 1

试试这个代码。 在输入中，使用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()); }); }); 

Answer 2

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

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

Answer 3

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

试试这个解决方案

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

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

Answer 4

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

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