个人中心
gpt4 book ai didi

javascript - 使用 Javascript 将列表值发送到文本框

转载 作者：行者123 更新时间：2023-11-28 20:01:57 25 4
gpt4 key购买 nike 

<!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/

25 4 0
文章推荐： python - 如何绘制seaborn中离散变量的分布图
文章推荐： ios - 单元格如何为 UITableView 删除
文章推荐： ios - 在 Interface Builder 中模拟 UIScrollView 的内容偏移
文章推荐： javascript - Selenium:列出页面中的传出 URL
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com