Javascript 如何用div内容自动填充输入，输入和div显示在同一页面上？

输入（放在functions.php中，但显示在单个产品页面上）

函数在\u tshirt\u字段（）上添加\u name\u{
回声'
T恤上的名字
“；}add_action（'woocommerce_-before_-add_-to_-cart_按钮'，'add_-name_-on_-tshirt_字段'）；

Div=Breadcrumbs=>也显示在单个产品页面上。它代表阶级。woocommerce面包屑或。woocommerce面包屑a

我的想法是在主题标题（Header.php）中使用某种javascript代码，因为它显示在网站的每个页面上，所以它应该会影响它

---

我该怎么做？

将类添加到输入中，如：

<input type="text" class="input-to-fill" name="name-on-tshirt" value="" readonly /> 

---

最快的方法是将脚本添加到主题的footer.php文件中的wp_footer（）函数下，以确保如果jQuery在页脚中输出，那么脚本将紧跟其后。不要忘记文档准备就绪，确保脚本仅在文档准备就绪时执行

<script>
    jQuery(document).ready(function( $ ) {

        $(".input-to-fill").val($(".woocommerce-breadcrumbs a").html());

    });
</script>

jQuery（文档）.ready（函数（$）{
$（“.input to fill”）.val（$（“.woocommerce breadcrumbs a”）.html（））；
});

不起作用。我应该把这个jQuery代码放在哪里？尝试将其放入header.php（wp-content/themes/mytheme）和single-product.php（wp-content/plugins/woocommerce/templates）中。您应该将其放在jQuery库之后，脚本的更好位置是footer.php或页面底部的某个位置

 $(".input-to-fill").val($(".woocommerce-breadcrumbs a").html());

<script>
    jQuery(document).ready(function( $ ) {

        $(".input-to-fill").val($(".woocommerce-breadcrumbs a").html());

    });
</script>