getElementByID div标记

Question

我目前有一个表格，我使用Gravity表格，这是我的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>

Answer 2

您总是可以尝试通过PHP生成JS代码。 当然，万一，如果解决问题的尝试都没有成功。 没有看到这种＆＃34;技术的问题＆＃34;。