默认选中美国国家选项后，如何在页面加载时触发change事件并保留该事件

你只需要在绑定完change事件后，手动触发一次该事件即可，同时可以修正原代码里的HTML转义问题（将"替换为正常双引号，避免语法错误）。

修改后的完整代码如下：

// 设置请求报价表单的默认国家为美国
$('.ginput_address_country select option[value="US"]').attr("selected", true);

$(".ginput_address_country select").change(function(){
    var selectedCountry = $(this).children("option:selected").val();
    
    // 获取原始州字段的ID
    var stateFieldID = $(this).closest('.ginput_complex').find('.ginput_address_state input, .ginput_address_state select').attr('id');
    
    if(selectedCountry == 'US') {
        $('#' + stateFieldID).replaceWith(
            '<select name="'+stateFieldID+'" id="'+stateFieldID+'" aria-required="false">' +
            '<option value="">选择州</option>' +
            '<option value="AL">Alabama</option>' +
            '<option value="AK">Alaska</option>' +
            '</select>');
    } else {
        $('#' + stateFieldID).replaceWith(
            '<input type="text" name="'+stateFieldID+'" id="'+stateFieldID+'" value="" aria-required="false">');
    }
}).trigger('change'); // 页面加载时触发change事件

核心说明： #

• .trigger('change') 会模拟用户操作触发下拉框的change事件，页面加载完成后，会自动根据默认选中的美国将文本字段替换为州下拉框。
• 原有交互逻辑完全保留，用户后续切换国家时，依然能正常触发字段切换功能。
• 修正了原代码中HTML字符串的转义问题，确保代码可正常解析执行。

内容的提问来源于stack exchange，提问作者Junky