Значение по умолчанию для выпадающего - сайт WordPress

Question

Я работаю над сайтом WordPress, на котором есть новая форма регистрации пользователей.Я хочу установить значение по умолчанию для раскрывающегося списка стран в США.В настоящее время раскрывающийся список выбирает первый вариант по умолчанию.Элемент html выглядит следующим образом (это не весь элемент, а лишь его часть):

<select name="wwlc_country" id="wwlc_country"><option value="AX">Åland Islands</option><option value="AF">Afghanistan</option><option value="AL">Albania</option><option value="US">United States (US)</option>

Я использую плагин под названием "WooCommerce Wholesale Lead Capture" ина своем сайте поддержки они предлагают добавить следующий код в файл functions.php моей темы:

// Change the default country on WooCommerce Wholesale Lead Capture's registration
function wwsSetRegistrationDefaultCountry() {

if ( is_page( 'wholesale-registration-page' ) ) {
    ?>

    <script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery('select#wwlc_country').val('AU');
            jQuery('select#wwlc_country').trigger('change');
        });
    </script>

    <?php
}

}
add_action( 'wp_footer', 'wwsSetRegistrationDefaultCountry', 99 );

Я пытался добавить это с правильной страницей в функции is_page, но страница по-прежнему по умолчанию имеет первое значениенезависимо от того, какую страну я установил в качестве значения.Я вижу, что сценарий выполняется на странице, когда я просматриваю исходный код страницы, и сценарий работает, если я запускаю его в консоли.Есть идеи, почему он не работает, когда я загружаю страницу?

ОБНОВЛЕНИЕ : Итак, я выяснил проблему на случай, если кто-нибудь столкнется с этой проблемой в будущем.У меня включен плагин под названием «Autoptimize», и одна из настроек препятствовала запуску кода на сайте.Я отключил плагин, и значение выпадающего меню по умолчанию было установлено в США после обновления.

Answer 1

Вам нужно изменить текст в стороне от jQuery('select#wwlc_country').val() на value из option, который вы хотите использовать по умолчанию.

В вашем случае это США. Поэтому вам нужно изменить его на $("select#wwlc_country").val("US").change();. Вы также можете связать две функции вместе (вместо того, чтобы каждый раз вызывать их из нового объекта jQuery).

<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('select#wwlc_country').val('US').change();
    });
</script>