javascript - 无法从 intlTelInput 获取数据

Question

我试图在提交时从 intlTelInput 插件获取扩展，但由于某种原因它返回空。这是一个示例:https://jsfiddle.net/msfk6top/

代码:

<link rel="stylesheet" href="https://intl-tel-input.com/node_modules/bootstrap/dist/css/bootstrap.min.css?7">
<link rel="stylesheet" href="https://intl-tel-input.com/node_modules/intl-tel-input/build/css/intlTelInput.css?37">

<form id="my_form">
    <input name="phone" type="tel" id="phone" class="form-control">
    <input type="submit">
</form>

<!-- use old jquery so demo works in IE -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://intl-tel-input.com/node_modules/intl-tel-input/build/js/intlTelInput.js?60"></script>

<script>
    $("#phone").intlTelInput();

    $("#my_form").submit(function () {
        alert($("#phone").intlTelInput("getExtension"));
    });
</script>

知道为什么它不返回所选的扩展吗？

Answer 1

您需要在初始化插件时指定 utilsScript 选项，以便 getExtension 正常工作。

在你的 plunker 中，执行以下操作:

$("#phone").intlTelInput({utilsScript:'https://intl-tel-input.com/node_modules/intl-tel-input/build/js/utils.js'});

utilsScript 应该是 utils.js script 的路径它包含在 intl-tel-input 插件中。