드롭 다운 목록과 링크 태그가있는 페이지가 있습니다.
페이지의 html을 전혀 수정할 수 없지만 페이지에 javascript를 추가 할 수 있습니다.
.goButton
사용자가 드롭 다운 목록에서 다른 언어 옵션을 선택할 때 요소 의 텍스트를 번역 할 수 있어야 합니다.
자바 스크립트만으로 어떻게이 작업을 수행 할 수 있습니까?
<a class="goButton" ... >Send</a>
<select name="ddlLanguages" id="ddlLanguages" class="form-control">
<option value="zh-CN">Chinese (Simplified, PRC)</option>
<option selected="selected" value="en-GB">English (United Kingdom)</option>
<option value="en-US">English (United States)</option>
<option value="fr-FR">French (France)</option>
<option value="de-DE">German (Germany)</option>
<option value="it-IT">Italian (Italy)</option>
<option value="pt-BR">Portuguese (Brazil)</option>
<option value="es-ES">Spanish (Spain)</option>
</select>
해당 버튼을 번역하려는 경우
자바 스크립트
function changeLanguage(e) {
var lang = e.target.options[e.target.selectedIndex].value;
var textMap = {
"en-US" : "send",
"en-GB" : "send",
"fr-FR" : "envoyer",
"zh-CN" : "发送",
"de-DE" : "senden",
"de-DE" : "senden",
"it-IT" : "inviare",
"pt-BR" : "mandar",
"es-ES" : "enviar"
};
if (lang && textMap[lang]) {
document.querySelector(".goButton").innerText = textMap[lang];
}
}
document.getElementById("ddlLanguages").addEventListener("change", changeLanguage);
HTML
<select name="ddlLanguages" id="ddlLanguages" class="form-control">
<option value="zh-CN">Chinese (Simplified, PRC)</option>
<option selected="selected" value="en-GB">English (United Kingdom)</option>
<option value="en-US">English (United States)</option>
<option value="fr-FR">French (France)</option>
<option value="de-DE">German (Germany)</option>
<option value="it-IT">Italian (Italy)</option>
<option value="pt-BR">Portuguese (Brazil)</option>
<option value="es-ES">Spanish (Spain)</option>
</select>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다