<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>title</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$('li').click(function () {
console.log($(this).text());
$('#location').val($(this).text());
});
</script>
</head>
</body>
<body>
<div id="locationselect">
<ul>
<li>United Kingdom</li>
<li>France</li>
<li>Germany</li>
</ul>
</div>
<input tpye="text" id="location" />
</body>
</html>
我认为这应该可行，因为我有大约 10 天的 html 经验，4 天的 java 脚本经验，我可能不是对此类事情的最佳判断。我退休了，两周前开始了一名网络开发人员的工作，我已经掌握了出色的复制和粘贴技能，哈哈，但我知道这听起来很过时，我想了解为什么它不起作用，如果有人可以提供帮助。谢谢。
最佳答案
将代码包装在 document-ready handler 中。当前您正在尝试将事件绑定(bind)到尚不存在的元素上。
$(document).ready(function () {
$('li').click(function () {
console.log($(this).text());
$('#location').val($(this).text());
});
});
或
在关闭 body 标记之前在页面底部编写脚本，例如
<input tpye="text" id="location" />
<script>
$('li').click(function () {
console.log($(this).text());
$('#location').val($(this).text());
});
</script>
关于javascript - 使用 Javascript 将列表值发送到文本框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21509402/