Question

我正在尝试从所选国家/地区的电话号码字段中获取国家/地区代码部分。我将国家/地区代码添加到手机字段中。出于某种原因，JavaScript永远不会在页面上运行。我想在结帐页面上这样做。我尝试了几个钩子但没有一个工作（即没有在控制台中显示国家代码）。

function country_code() {
    if (get_woocommerce_currency() == "SAR")
        $extracode = "+94";
    <script type="text/javascript">

    document.getElementsByClassName("sticky-placeholder-label").innerHTML="<?php echo $extracode;?>";
    //document.getElementById("billing_phone").innerHTML = "Paragraph changed!";

    console.log("country code");

    </script>
}

add_action( 'wp_loaded', 'country_code' );

更新

我更新了我的代码，但我在控制台中看不到任何数据。

function country_code() {
    if (get_woocommerce_currency() == "SAR")
        $extracode = "+94";
    ?>
    <script type="text/javascript">

    document.getElementsByClassName("sticky-placeholder-label").innerHTML="<?php echo $extracode;?>";
    //document.getElementById("billing_phone").innerHTML = "Paragraph changed!";

    console.log("country code");

    </script>
    <?php
}

add_action( 'wp_loaded', 'country_code' );

Answer 1

在脚本之前和之后放置关闭和打开php标记。像这样：

function country_code() {
 if (get_woocommerce_currency() == "SAR")
    $extracode = "+94";
?>
<script type="text/javascript">
document.getElementsByClassName("sticky-placeholder-label").innerHTML="<?php echo $extracode;?>";
//document.getElementById("billing_phone").innerHTML = "Paragraph changed!";

console.log("country code");

</script>
<?php
}

add_action( 'wp_loaded', 'country_code' );

Answer 2

尝试在JavaScript代码之前添加echo：

echo '<script type="text/javascript">

document.getElementsByClassName("sticky-placeholder-label").innerHTML="<?php echo $extracode;?>";
//document.getElementById("billing_phone").innerHTML = "Paragraph changed!";

console.log("country code");

</script>';

并且不要忘记最后的;

从WordPress的国家/地区获取国家/地区代码

更新

2 个答案: