Wordpress 重力表的国际电话号码'；电话'；领域

我试图实现重力形式的“电话”领域。问题是，每当出现验证错误时，下拉列表就会消失。我尝试了以下方法：

        $( '#ModalTrainingForm' ).on( 'shown.bs.modal', () => {
            const input = document.querySelector( '#input_3_5' );
            if ( input ) {
                window.intlTelInput( input, {
                    separateDialCode: true,
                    utilsScript: `../vendor/utils.js?${d}`,
                    autoPlaceholder: 'polite',
                    localizedCountries: { 'sv': 'Sweden' },
                });
            }
        });

连同

       $( document ).on( 'gform_post_render', () => {
            const input = document.querySelector( '#input_3_5' );
            if ( input ) {
                window.intlTelInput( input, {
                    separateDialCode: true,
                    utilsScript: `../vendor/utils.js?${d}`,
                    autoPlaceholder: 'polite',
                    localizedCountries: { 'sv': 'Sweden' },
                });
            }
        });

---

无论何时出现重力表单验证错误，都不会在下拉列表中选择任何选项。如何解决这个问题？欢迎提供任何帮助/建议。

我尝试了以下方法，现在可以使用了。希望这对别人有帮助

        let instance = '';

        $( '#ModalTrainingForm' ).on( 'shown.bs.modal', () => { /* my form opens in popup */
            const input = document.querySelector( '#input_3_5' );
            if ( input ) {
                instance = window.intlTelInput( input, {
                    separateDialCode: true,
                    autoPlaceholder: 'polite',
                });
            }
        });

        $( document ).on( 'gform_post_render', ( e, formId ) => {
            if ( 3 === formId ) {
                const input = document.querySelector( '#input_3_5' );/* Phone field */
                if ( 0 !== $( 'div.validation_error' ).length ) {
                    instance.destroy();
                    const countryData = instance.getSelectedCountryData();
                    if ( input ) {
                        instance = window.intlTelInput( input, {
                            separateDialCode: true,
                            autoPlaceholder: 'polite',
                            initialCountry: countryData.iso2,
                        });
                    }
                }

                input.addEventListener( 'countrychange', () => {
                    instance.destroy();
                    const countryData = instance.getSelectedCountryData();
                    if ( input ) {
                        instance = window.intlTelInput( input, {
                            separateDialCode: true,
                            autoPlaceholder: 'polite',
                            initialCountry: countryData.iso2,
                        });
                    }
                });
            }
        });