我有一个选择下拉菜单:
<select lang="en" >
<option label=" Select a keyboard language" selected="selected" />
<option value="af" label="Afrikaans / Afrikaans" />
<option value="sq" label="Albanian / shqipe" />
<option value="ar" label="Arabic / العربية" />
<option value="hy" label="Armenian / Հայերեն" />
........
</select>
我有外部 JavaScript 文件 (C:[PATH]\js_files): af.js、sq.js、ar.js、hy.js 等
当用户选择语言时,如何调用并加载相关外部 JavaScript 文件?
我的 js 技能还不足以解决这个问题。
谢谢。
最佳答案
所以本质上你只是在寻找这个? :
头部的 JavaScript:
function loadJS(v){
var d=document, h=d.getElementsByTagName('head')[0], newScript;
try {h.removeChild(d.getElementById('lib_lang'));} catch (e){}
newScript = d.createElement('script');
newScript.id = 'lib_lang';
newScript.type = 'text/javascript';
newScript.src = '[PATH]/'+v+'.js'; // change your path here
h.appendChild(newScript);
}
正文中的 html:
<select lang="en" onchange="loadJS(this.value)">
<option selected="selected" disabled="true"> Select a keyboard language</option>
<option value="af">Afrikaans / Afrikaans</option>
<option value="sq">Albanian / shqipe</option>
<option value="ar">Arabic / العربية</option>
<option value="hy">Armenian / Հայերեն</option>
</select>
希望有帮助,祝你好运!
关于javascript - 从选择下拉列表中调用外部 javascript 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15694351/