javascript - 更改 ReCaptcha 语言 OnClick

Question

我意识到通过向 api.js 添加“hl”选项来更改 Recaptcha 语言是微不足道的。

https://www.google.com/recaptcha/api.js?hl=fr

我想做的是当有人点击通过 QueryString 参数(例如“?lang=fr”)公开的语言选择器时更改 Recaptcha 语言我有 js 可以解析参数但我似乎无法重新加载head 标签中包含参数的脚本。

我看过所有关于条件 IF...ELSE javascript 加载的文章。有什么方法可以用版本 2 加载 Recaptcha 选项吗？

Answer 1

简单的解决方案

你可以这样做:

HTML

<div id="captcha_container"></div>
<select id="ddllanguageListsGoogleCaptcha"></select>
<input id="btnApplyLanguage" type="button" value="Apply Selected Language" />

JS

// Button for updating captcha language
$('#btnApplyLanguage').click(function () {
    updateGoogleCaptchaLanguage($('#ddllanguageListsGoogleCaptcha').val());
});

// Update language captcha 
function updateGoogleCaptchaLanguage(selectedLanguage) {

    // Get GoogleCaptcha iframe
    var iframeGoogleCaptcha = $('#captcha_container').find('iframe');

    // Get language code from iframe
    var language = iframeGoogleCaptcha.attr("src").match(/hl=(.*?)&/).pop();

    // Get selected language code from drop down
    var selectedLanguage = $('#ddllanguageListsGoogleCaptcha').val();

    // Check if language code of element is not equal by selected language, we need to set new language code
    if (language !== selectedLanguage) {
        // For setting new language 
        iframeGoogleCaptcha.attr("src", iframeGoogleCaptcha.attr("src").replace(/hl=(.*?)&/, 'hl=' + selectedLanguage + '&'));
    }
}

Online demo (jsFiddle)