1

我是 javascript 新手,我需要一些帮助。

我有两个在页面加载时运行的 javascript 文件:

    <script id="gvkbjs01" src="GVKB03_files/en_a.js" type="text/javascript" ></script>
    <script id="gvkbjs02" src="GVKB03_files/en_b.js" type="text/javascript" ></script>

我有一个选择下拉菜单:

            <select lang="en" onchange="loadGVKBJS(this.value)" >
                <option value="" label=" Select a language" selected="selected" />
                <option value="af" label="Afrikaans / Afrikaans" />
                <option value="sq" label="Albanian / shqipe" />
                <option value="am" label="Amharic / አማርኛ" />
                <option value="ar" label="Arabic / العربية" />
                ..........

如何从选择下拉列表中更改我的两个 javascript 文件的 javascript 源,然后调用不同的 js 文件?

4

1 回答 1

1

给下拉列表一个 id,例如 'lang',创建一个函数,在下拉列表更改时读取它的值,然后连接该值以生成文件的源,最后找到并替换旧的源脚本。(我想你的脚本标签在头)。

function generateSrc(){

 var lang = document.getElementById('lang').value;
 var src1 = 'GVKB03_files/'+lang+'_a.js';
 var src2 = 'GVKB03_files/'+lang+'_b.js';

 //Replace src from old scripts in head
 var headElms = document.getElementsByTagName("head")[0].children;
 var found = 0
 for(var i = 0; i < headElms.length; i++) {
    if(headElms[i].tagName == 'SCRIPT') {
           src_name = headElms[i].src;
           if(src_name.search("GVKB03_files") > 0 && found == 0){
             found++;
             headElms[i].src = src;
           }else if(src_name.search("GVKB03_files") > 0 && found == 1){
             headElms[i].src = src2; 
           }
     }
  }

}

在 HTML 上:

<select id="lang" lang="en" onchange="generateSrc()" >
于 2013-04-17T06:24:37.247 回答