首页 > 解决方案 > jquery International Telephone Input,获取国家代码+邮局电话号码

问题描述

我在 woocommerce 商店中使用 jquery 插件,在那里我获得了电话号码并拥有标志,它工作正常,但我需要将国家代码和电话号码一起发送,我有一个 lil php 可以获取号码,然后将其作为whatsapp链接发送到管理员电子邮件。

我也需要国家代码,我设法在console.log中同时获取国家代码和号码,但我不知道如何在jquery国际号码的帖子中发送它,或者即使get方法也会这样做我。我想要的只是能够获得号码加上国家代码,我不知道电话输入字段中的国家代码是什么,因为这会导致很多错误。

这是脚本

        <script>
     $("#billing_phone").intlTelInput({
      initialCountry:"pa",
      preferredCountries: ["pa","co" ,"ve"],
      autoPlaceholder: "on",
       separateDialCode:true,

    utilsScript: "lib/libphonenumber/build/utils.js"

            });

         $("form.woocommerce-checkout").on('submit', function () {
            var phone= $("#billing_phone").val();
        var code = $(".intl-tel-input .selected-flag").attr("title").split("+").pop();
          console.log(code+phone);
          //$("#billing_phone").val(code+phone);

           });
    </script>

这是获取字段并以管理员身份发送的 php

    <?php
      function add_wp_link_woocommerce_completed_order_email( $order, $sent_to_admin, $plain_text,$email ) {
if ( $email->id == 'customer_completed_order' ||  $email->id == 'new_order' ) {
    $link = 'https://wa.me/'.$order->get_billing_phone( ).'/?text='.urlencode( 'custom message ' );
    echo '<div style="margin-bottom: 40px;">
    <h2>'.__( 'whatsapp number', 'text-domain' ) .'</h2>
    <p><a href="'.$link.'" target="_blank">'.__( 'Click here', 'text-domain' ).'</a></p>
</div>';
   }
  }
    add_action( 'woocommerce_email_customer_details', 'add_wp_link_woocommerce_completed_order_email', 99, 4 );

标签: phpjquerywoocommercehook-woocommerce

解决方案


推荐阅读