javascript - getElementByID div 标签内的 PHP echo 语句

Question

我目前有一个来自重力表单的表单，这是我的 html 代码

    <div class="dropdown">
    <button onclick="myFunction()" class="dropbtn">SPECIFY PRODUCT</button>
    <div id="myDropdown_<?php echo get_the_ID(); ?>" class="dropdown-content">
    <?php gravity_form( 1, false, false, false, '', true ); ?>
    </div>
    </div>

如您所见，我正在呼应 woocommerce 的产品 ID，根据用户点击的产品提供不同的 div id。这工作得很好。

尽管如此，现在当我创建 javascript 函数时:

    function myFunction() {
    document.getElementById("myDropdown_<?php echo get_the_ID(); ?>").classList.toggle("show");
    }

如何像在 html 代码中一样提取“get_the_ID”，以便它可以根据所选产品下拉我的表单？

您可以在这里查看:http://www.ctagroup.com.au/cta-group-home/products/tactile-guidance/suresteel/suresteel-classic/

任何帮助将不胜感激。

问候

Answer 1

这是因为"myDropdown_<?php echo get_the_ID(); ?>"部分是 treated as string不是 PHP 代码。

试试这个方法:

<script>
    var theId = "<?php echo get_the_ID(); ?>";

    function myFunction() {
        document.getElementById("myDropdown_" + theId).classList.toggle("show");
    }
</script>