javascript - WordPress，PHP，Javascript，如何在js函数中获取变量？

Question

目的:将 html 隐藏输入变量传递到 javascript 函数中。

正在开发 WordPress 插件，但被 JavaScript 困住了。

这是我试图获取的隐藏输入，即variable_product_id。当用户动态选择下拉选项时，就会设置此值。

<form class="hello">
    <input type="hidden" name="variation_id" value="">
</form>

除了表单类hello之外，下面还有插件函数，我正在尝试在“wp.CheckoutButton.apply”内的product_id之后获取并设置“variation_id”。

if( !is_user_logged_in() )
{                       
    echo "<script type=\"text/javascript\" >    

            var temp = document.getElementsByName('variation_id');

        //<![CDATA[ 
        wp.CheckoutButton.apply({
            BUY_BUTTON_LINK_URL:\"www.website.com/?p=42&product_id=\"+temp,
        \"\":\"\" });
        //]]>
        </script>";
}

“wp.CheckoutButton.apply”在屏幕上打印按钮，该按钮将传递我正在传递的product_id。它一直在 woocommerce 中使用无可变产品选项，对于可变产品，当用户更改值(下拉输入)时，我必须获取选定的隐藏variation_id。

我可以使用document.getElementsByName('variation_id');吗？如果是这样，我如何在“wp.CheckoutButton.apply”函数中传递“variation_id”？

应用函数中的“+temp”合法吗？

Answer 1

可能的重复:

php variable into javascript

有时，js 文件/js 代码中需要一些数据，例如网站的基本 url。在这种情况下，最佳做法是在 header html 标记内创建 JS 变量。在 header 标签中，创建一个如下所示的变量:

<script>
     var baseUrl = <?php echo get_site_url(); //if get_site_url echos the result itself, then no need to use echo ?>
</script>

现在，在所有 JS 文件和内联 js 代码中，您将拥有此变量并且可以使用它。简单来说就是一个全局js变量(我刚刚编的，不知道js有没有:P)

现在您可以在 js 文件和 js 代码中的任何位置使用该变量。

注意:请在 header 标签的最顶部或某个位置创建 baseUrl 变量，以便在其之前不包含任何 js 文件。

**编辑:**

现在要从表单元素获取variation_id，请将id添加到您的元素，如下所示:

<input type="text" name="variation_id" id="variation_id" value="" />

在js中使用jquery:

var variation_id = $("#variation_id").val();

并且在wp.CheckoutButton.apply中，使用variation_id而不是temp。我认为这是正确的，但是尝试一下。

希望这会有所帮助。