同一网页上的2个Javascript [英] 2 Javascript on same web page

查看:67
本文介绍了同一网页上的2个Javascript的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

嗨;

我有2个javascript,但它们不在同一页面上工作,我该如何解决?

感谢您的帮助
最好的问候
马可

第一个javascript:

< script type = " >
    函数 configureDropDownLists(XLEW_3_5_3,XLEW_3_6_3){
         var  K31_213mm =  数组('  90''  var  K32_245mm =  数组('  90''  var  K33_338mm =  阵列('  90''  var  K31D_213mm =  阵列('  106''  160');
 var  K32D_245mm =  阵列('  106''  160');
 var  K33D_338mm =  阵列('  106''  160');
 var  K31_LH_213mm =  阵列('  77');
 var  K32_LH_245mm =  数组('  77');

        开关(XLEW_3_5_3.value){
            案例 '  K31_213mm':
                文档 .getElementById(XLEW_3_6_3).options.length =  0 ;
                 for (i =  0 ; i< K31_213mm.length; i ++){
                    createOption(文档 .getElementById(XLEW_3_6_3),K31_213mm [i],K31_213mm [i]);
                }
                 break ;
            案例 '  K32_245mm':
                文档 .getElementById(XLEW_3_6_3).options.length =  0 ;
             for (i =  0 ; i< K32_245mm.length; i ++){
                createOption(文档 .getElementById(XLEW_3_6_3),K32_245mm [i],K32_245mm [i]);
                }
                 break ;
            案例 '  K33_338mm':
                文档 .getElementById(XLEW_3_6_3).options.length =  0 ;
                 for (i =  0 ; i< K33_338mm.length; i ++){
                    createOption(文档 .getElementById(XLEW_3_6_3),K33_338mm [i],K33_338mm [i]);
                }
                 break ;
案例 '  K31D_213mm':
                文档 .getElementById(XLEW_3_6_3).options.length =  0 ;
                 for (i =  0 ; i< K31D_213mm.length; i ++){
                    createOption(文档 .getElementById(XLEW_3_6_3),K31D_213mm [i],K31D_213mm [i]);
                }
                 break ;
案例 '  K32D_245mm':
                文档 .getElementById(XLEW_3_6_3).options.length =  0 ;
                 for (i =  0 ; i< K32D_245mm.length; i ++){
                    createOption(文档 .getElementById(XLEW_3_6_3),K32D_245mm [i],K32D_245mm [i]);
                }
                 break ;
案例 '  K33D_338mm':
                文档 .getElementById(XLEW_3_6_3).options.length =  0 ;
                 for (i =  0 ; i< K33D_338mm.length; i ++){
                    createOption(文档 .getElementById(XLEW_3_6_3),K33D_338mm [i],K33D_338mm [i]);
                }
                 break ;
案例 '  K31_LH_213mm':
                文档 .getElementById(XLEW_3_6_3).options.length =  0 ;
                 for (i =  0 ; i< K31_LH_213mm.length; i ++){
                    createOption(文档 .getElementById(XLEW_3_6_3),K31_LH_213mm [i],K31_LH_213mm [i]);
                }
                 break ;
案例 '  K32_LH_245mm':
                文档 .getElementById(XLEW_3_6_3).options.length =  0 ;
                 for (i =  0 ; i< K32_LH_245mm.length; i ++){
                    createOption(文档 .getElementById(XLEW_3_6_3),K32_LH_245mm [i],K32_LH_245mm [i]);
                }
                 break ;
                默认:
                    文档 .getElementById(XLEW_3_6_3).options.length =  0 ;
                 break ;
        }

    }

    函数 createOption(XLEW_3_5_3,文本,值){
         var  opt = 文档 .createElement(' 选项');
        opt.value =值;
        opt.text =文字;
        XLEW_3_5_3.options.add(opt);
    }
</script>

< select id = "  onchange = "  configureDropDownLists(this,'XLEW_3_6_3')">
< option value = " > K31/213mm </ 选项 > 
< option value = " > K32/245mm </ 选项 > 
< option value = " > K33/338mm </ 选项 > 
< option value = " > K31D/213mm </ 选项 > 
< option value = " > K32D/245mm </ 选项 > 
< option value = " > K33D/338mm </ 选项 > 
< option value = " > K31-LH/213mm 选项 " > K32-LH/245mm 选项 </ 选择 > 

< select id = " >
</ 选择 > 
</ 正文 > 
</  html  



第二个Javascript:

< script type = " >

    函数 configureDropDownLists(XLEW_4_5_3,XLEW_4_6_3){
         var  KFT31_245mm =  阵列('  90''  var  KFT32_345mm =  阵列('  90''  var  KFT33_415mm =  阵列('  90''  var  KFT31D_245mm =  阵列('  106''  160');
 var  KFT32D_345mm =  阵列('  106''  160');
 var  KFT33D_415mm =  阵列('  106''  160');
 var  KFT31_LH_245mm =  阵列('  77');
 var  KFT32_LH_345mm =  数组('  77');

        开关(XLEW_4_5_3.value){
            案例 '  KFT31_245mm':
                文档 .getElementById(XLEW_4_6_3).options.length =  0 ;
                 for (i =  0 ; i< KFT31_245mm.length; i ++){
                    createOption(文档 .getElementById(XLEW_4_6_3),KFT31_245mm [i],KFT31_245mm [i]);
                }
                 break ;
            案例 '  KFT32_345mm':
                文档 .getElementById(XLEW_4_6_3).options.length =  0 ;
             for (i =  0 ; i< KFT32_345mm.length; i ++){
                createOption(文档 .getElementById(XLEW_4_6_3),KFT32_345mm [i],KFT32_345mm [i]);
                }
                 break ;
            案例 '  KFT33_415mm':
                文档 .getElementById(XLEW_4_6_3).options.length =  0 ;
                 for (i =  0 ; i< KFT33_415mm.length; i ++){
                    createOption(文档 .getElementById(XLEW_4_6_3),KFT33_415mm [i],KFT33_415mm [i]);
                }
                 break ;
案例 '  KFT31D_245mm':
                文档 .getElementById(XLEW_4_6_3).options.length =  0 ;
                 for (i =  0 ; i< KFT31D_245mm.length; i ++){
                    createOption(文档 .getElementById(XLEW_4_6_3),KFT31D_245mm [i],KFT31D_245mm [i]);
                }
                 break ;
案例 '  KFT32D_345mm':
                文档 .getElementById(XLEW_4_6_3).options.length =  0 ;
                 for (i =  0 ; i< KFT32D_345mm.length; i ++){
                    createOption(文档 .getElementById(XLEW_4_6_3),KFT32D_345mm [i],KFT32D_345mm [i]);
                }
                 break ;
案例 '  KFT33D_415mm':
                文档 .getElementById(XLEW_4_6_3).options.length =  0 ;
                 for (i =  0 ; i< KFT33D_415mm.length; i ++){
                    createOption(文档 .getElementById(XLEW_4_6_3),KFT33D_415mm [i],KFT33D_415mm [i]);
                }
                 break ;
案例 '  KFT31_LH_245mm':
                文档 .getElementById(XLEW_4_6_3).options.length =  0 ;
                 for (i =  0 ; i< KFT31_LH_245mm.length; i ++){
                    createOption(文档 .getElementById(XLEW_4_6_3),KFT31_LH_245mm [i],KFT31_LH_245mm [i]);
                }
                 break ;
案例 '  KFT32_LH_345mm':
                文档 .getElementById(XLEW_4_6_3).options.length =  0 ;
                 for (i =  0 ; i< KFT32_LH_345mm.length; i ++){
                    createOption(文档 .getElementById(XLEW_4_6_3),KFT32_LH_345mm [i],KFT32_LH_345mm [i]);
                }
                 break ;
                默认:
                    文档 .getElementById(XLEW_4_6_3).options.length =  0 ;
                 break ;
        }

    }

    函数 createOption(XLEW_4_5_3,文本,值){
         var  opt = 文档 .createElement(' 选项');
        opt.value =值;
        opt.text =文字;
        XLEW_4_5_3.options.add(opt);
    }
</script>
< select id = "  onchange = "  configureDropDownLists(this,'XLEW_4_6_3')">
< option value = " > KFT31/245mm </ 选项 > 
< option value = " > KFT32/345mm </ 选项 > 
< option value = " > KFT33/415mm </ 选项 > 
< option value = " > KFT31D/245mm </ 选项 > 
< option value = " > KFT32D/345mm </ 选项 > 
< option value = " > KFT33D/415mm </ 选项 > 
< option value = " > KFT31-LH/245mm 选项 " > KFT32_LH_345mm >< ;/ 选项 > 
</ 选择 > 

< select id = " >
</ 选择 > 
</ 正文 > 
</  html  >  

解决方案

如果两个javascript函数都在做相同的事情,那么为什么还要再创建一个函数.最好在另一个地方也调用相同的函数configureDropDownLists.


谢谢
Ashish


尝试一下...可以正常工作

 <  脚本   类型  ="  > 
    函数configureDropDownLists(XLEW_3_5_3,XLEW_3_6_3){
        var K31_213mm = new Array('90','106');
        var K32_245mm = new Array('90','106');
        var K33_338mm = new Array('90','106');
        var K31D_213mm = new Array('106','160');
        var K32D_245mm = new Array('106','160');
        var K33D_338mm = new Array('106','160');
        var K31_LH_213mm = new Array('77');
        var K32_LH_245mm = new Array('77');

        开关(XLEW_3_5_3.value){
            案例'K31_213mm':
                document.getElementById(XLEW_3_6_3).options.length = 0;
                for(i = 0; i <     K31_213mm.length ;     i ++)    { 
 
                     span>                    createOption(document.getElementById( XLEW_3_6_3),    K31_213mm [i],    K31_213mm [i]);  
 
                                 }  
                              break;  
                     span>           'K32_245mm': 
 
                   span>                document.getElementById(XLEW_3_6_3).options.length     =   0;
 
                     span>           (i     =   0;   i    <     K32_245mm.length;     i ++)    { 
 
                     span>                createOption(document.getElementById(XLEW_3_6_3),    K32_245mm [i],    K32_245mm [i]);  
 
                                 }  
                              break;  
                     span>           'K33_338mm': 
 
                     span>                document.getElementById(XLEW_3_6_3).options.length     =   0;
 
                     span>                 (i   =   0;   i    <         { 
 
                     span>                    createOption(document.getElementById( XLEW_3_6_3),    K33_338mm [i],    K33_338mm [i]);  
 
                                 }  
                              break;  
                     span>               案例 'K31D_213mm': 
                     span>                document.getElementById(XLEW_3_6_3).options.length     =   0;
 
                     span>                 (i   =   0;   i    <         { 
 
                     span>                    createOption(document.getElementById( XLEW_3_6_3),    K31D_213mm [i],    K31D_213mm [i]);  
 
                                 }  
                              break;  
                     case 'K32D_245mm':
 
                document.getElementById(XLEW_3_6_3).options.length = 0;
 
                for (i = 0; i < K32D_245mm.length; i++) {
 
                    createOption(document.getElementById(XLEW_3_6_3), K32D_245mm[i], K32D_245mm[i]);  
 
                                 }  
                              break;  
                case 'K33D_338mm':
 
                document.getElementById(XLEW_3_6_3).options.length = 0;
 
                for (i = 0; i < K33D_338mm.length; i++) {
 
                    createOption(document.getElementById(XLEW_3_6_3), K33D_338mm[i], K33D_338mm[i]);  
 
                                 }  
                              break;  
                case 'K31_LH_213mm':
 
                document.getElementById(XLEW_3_6_3).options.length = 0;
 
                for (i = 0; i < K31_LH_213mm.length; i++) {
 
                    createOption(document.getElementById(XLEW_3_6_3), K31_LH_213mm[i], K31_LH_213mm[i]);
 
                                 }  
                              break;  
                case 'K32_LH_245mm':
 
                document.getElementById(XLEW_3_6_3).options.length = 0;
 
                for (i = 0; i < K32_LH_245mm.length; i++) {
 
                    createOption(document.getElementById(XLEW_3_6_3), K32_LH_245mm[i], K32_LH_245mm[i]);
 
                                 }  
                              break;  
                default:
 
                    document.getElementById(XLEW_3_6_3).options.length = 0;
 
                              break;  
                     span>   }  
 
 
 
         }  
 
 
 
    function createOption(XLEW_3_5_3, text, value) {
 
        var opt = document.createElement('option');
 
        opt.value = value;
 
        opt.text = text;
 
        XLEW_3_5_3.options.add(opt);
 
         }  
 
         </script  > 

    <  脚本    ="  文本/javascript" < KFT31_245mm.length; i++) {
 
                    createOption(document.getElementById(XLEW_4_6_3), KFT31_245mm[i], KFT31_245mm[i]);
 
                                 }  
                              break;  
            case 'KFT32_345mm':
 
                document.getElementById(XLEW_4_6_3).options.length = 0;
 
            for (i = 0; i < KFT32_345mm.length; i++) {
 
                createOption(document.getElementById(XLEW_4_6_3), KFT32_345mm[i], KFT32_345mm[i]);
 
                                 }  
                              break;  
            case 'KFT33_415mm':
 
                document.getElementById(XLEW_4_6_3).options.length = 0;
 
                for (i = 0; i < KFT33_415mm.length; i++) {
 
                    createOption(document.getElementById(XLEW_4_6_3), KFT33_415mm[i], KFT33_415mm[i]);
 
                                 }  
                              break;  
                case 'KFT31D_245mm':
 
                document.getElementById(XLEW_4_6_3).options.length = 0;
 
                for (i = 0; i < KFT31D_245mm.length; i++) {
 
                    createOption(document.getElementById(XLEW_4_6_3), KFT31D_245mm[i], KFT31D_245mm[i]);
 
                                 }  
                              break;  
                case 'KFT32D_345mm':
 
                document.getElementById(XLEW_4_6_3).options.length = 0;
 
                for (i = 0; i < KFT32D_345mm.length; i++) {
 
                    createOption(document.getElementById(XLEW_4_6_3), KFT32D_345mm[i], KFT32D_345mm[i]);
 
                                 }  
                              break;  
                case 'KFT33D_415mm':
 
                document.getElementById(XLEW_4_6_3).options.length = 0;
 
                for (i = 0; i < KFT33D_415mm.length; i++) {
 
                    createOption(document.getElementById(XLEW_4_6_3), KFT33D_415mm[i], KFT33D_415mm[i]);
 
                                 }  
                              break;  
                case 'KFT31_LH_245mm':
 
                document.getElementById(XLEW_4_6_3).options.length = 0;
 
                for (i = 0; i < KFT31_LH_245mm.length; i++) {
 
                    createOption(document.getElementById(XLEW_4_6_3), KFT31_LH_245mm[i], KFT31_LH_245mm[i]);
 
                                 }  
                              break;  
                case 'KFT32_LH_345mm':
 
                document.getElementById(XLEW_4_6_3).options.length = 0;
 
                for (i = 0; i < KFT32_LH_345mm.length; i++) {
 
                    createOption(document.getElementById(XLEW_4_6_3), KFT32_LH_345mm[i], KFT32_LH_345mm[i]);
 
                                 }  
                              break;  
                default:
 
                    document.getElementById(XLEW_4_6_3).options.length = 0;
 
                              break;  
                     span>   }  
 
 
 
         }  
 
 
 
    function createOption(XLEW_4_5_3, text, value) {
 
        var opt = document.createElement('option');
 
        opt.value = value;
 
        opt.text = text;
 
        XLEW_4_5_3.options.add(opt);
 
         }  
 
         </script  > 

<  /head  > 
<  正文 > 
    <select id="XLEW_4_5_3" onchange="configureDropDownLists1(this,'XLEW_4_6_3')">
        <option value="KFT31_245mm">KFT31/245mm</option>
        <option value="KFT32_345mm">KFT32/345mm</option>
        <option value="KFT33_415mm">KFT33/415mm</option>
        <option value="KFT31D_245mm">KFT31D/245mm</option>
        <option value="KFT32D_345mm">KFT32D/345mm</option>
        <option value="KFT33D_415mm">KFT33D/415mm</option>
        <option value="KFT31_LH_245mm">KFT31-LH/245mm</option>
        <option value="KFT32_LH_345mm">KFT32_LH_345mm</option>
    <  /select  > 
    <select id="XLEW_4_6_3">
    <  /select  > 
    <select id="XLEW_3_5_3" onchange="configureDropDownLists(this,'XLEW_3_6_3')">
        <option value="K31_213mm">K31/213mm</option>
        <option value="K32_245mm">K32/245mm</option>
        <option value="K33_338mm">K33/338mm</option>
        <option value="K31D_213mm">K31D/213mm</option>
        <option value="K32D_245mm">K32D/245mm</option>
        <option value="K33D_338mm">K33D/338mm</option>
        <option value="K31_LH_213mm">K31-LH/213mm</option>
        <option value="K32_LH_245mm">K32-LH/245mm</option>
    <  /select  > 
    <select id="XLEW_3_6_3">
    <  /select  > 
<  /body  > 
<  /html  >  




谢谢
ashish


hi ;

i have 2 javascript but they are not working on same page, how i can fix it ?

Thanks for helps
Best regards
Marco

first javascript :

<script type="text/javascript">
    function configureDropDownLists(XLEW_3_5_3,XLEW_3_6_3) {
        var K31_213mm = new Array('90', '106');
        var K32_245mm = new Array('90', '106');
        var K33_338mm = new Array('90', '106');
		var K31D_213mm = new Array('106', '160');
		var K32D_245mm = new Array('106', '160');
		var K33D_338mm = new Array('106', '160');
		var K31_LH_213mm = new Array('77');
		var K32_LH_245mm = new Array('77');

        switch (XLEW_3_5_3.value) {
            case 'K31_213mm':
                document.getElementById(XLEW_3_6_3).options.length = 0;
                for (i = 0; i < K31_213mm.length; i++) {
                    createOption(document.getElementById(XLEW_3_6_3), K31_213mm[i], K31_213mm[i]);
                }
                break;
            case 'K32_245mm':
                document.getElementById(XLEW_3_6_3).options.length = 0; 
            for (i = 0; i < K32_245mm.length; i++) {
                createOption(document.getElementById(XLEW_3_6_3), K32_245mm[i], K32_245mm[i]);
                }
                break;
            case 'K33_338mm':
                document.getElementById(XLEW_3_6_3).options.length = 0;
                for (i = 0; i < K33_338mm.length; i++) {
                    createOption(document.getElementById(XLEW_3_6_3), K33_338mm[i], K33_338mm[i]);
                }
                break;
				case 'K31D_213mm':
                document.getElementById(XLEW_3_6_3).options.length = 0;
                for (i = 0; i < K31D_213mm.length; i++) {
                    createOption(document.getElementById(XLEW_3_6_3), K31D_213mm[i], K31D_213mm[i]);
                }
                break;
				case 'K32D_245mm':
                document.getElementById(XLEW_3_6_3).options.length = 0;
                for (i = 0; i < K32D_245mm.length; i++) {
                    createOption(document.getElementById(XLEW_3_6_3), K32D_245mm[i], K32D_245mm[i]);
                }
                break;
				case 'K33D_338mm':
                document.getElementById(XLEW_3_6_3).options.length = 0;
                for (i = 0; i < K33D_338mm.length; i++) {
                    createOption(document.getElementById(XLEW_3_6_3), K33D_338mm[i], K33D_338mm[i]);
                }
                break;
				case 'K31_LH_213mm':
                document.getElementById(XLEW_3_6_3).options.length = 0;
                for (i = 0; i < K31_LH_213mm.length; i++) {
                    createOption(document.getElementById(XLEW_3_6_3), K31_LH_213mm[i], K31_LH_213mm[i]);
                }
                break;
				case 'K32_LH_245mm':
                document.getElementById(XLEW_3_6_3).options.length = 0;
                for (i = 0; i < K32_LH_245mm.length; i++) {
                    createOption(document.getElementById(XLEW_3_6_3), K32_LH_245mm[i], K32_LH_245mm[i]);
                }
                break;
                default:
                    document.getElementById(XLEW_3_6_3).options.length = 0;
                break;
        }

    }

    function createOption(XLEW_3_5_3, text, value) {
        var opt = document.createElement('option');
        opt.value = value;
        opt.text = text;
        XLEW_3_5_3.options.add(opt);
    }
</script>

<select id="XLEW_3_5_3" onchange="configureDropDownLists(this,'XLEW_3_6_3')">
<option value="K31_213mm">K31 / 213mm</option>
<option value="K32_245mm">K32 / 245mm</option>
<option value="K33_338mm">K33 / 338mm</option>
<option value="K31D_213mm">K31D / 213mm</option>
<option value="K32D_245mm">K32D / 245mm</option>
<option value="K33D_338mm">K33D / 338mm</option>
<option value="K31_LH_213mm">K31-LH / 213mm</option>
<option value="K32_LH_245mm">K32-LH / 245mm</option>
</select>

<select id="XLEW_3_6_3">
</select>
</body>
</html



Second Javascript :

<script type="text/javascript">

    function configureDropDownLists(XLEW_4_5_3,XLEW_4_6_3) {
        var KFT31_245mm = new Array('90', '106');
        var KFT32_345mm = new Array('90', '106');
        var KFT33_415mm = new Array('90', '106');
		var KFT31D_245mm = new Array('106', '160');
		var KFT32D_345mm = new Array('106', '160');
		var KFT33D_415mm = new Array('106', '160');
		var KFT31_LH_245mm = new Array('77');
		var KFT32_LH_345mm = new Array('77');

        switch (XLEW_4_5_3.value) {
            case 'KFT31_245mm':
                document.getElementById(XLEW_4_6_3).options.length = 0;
                for (i = 0; i < KFT31_245mm.length; i++) {
                    createOption(document.getElementById(XLEW_4_6_3), KFT31_245mm[i], KFT31_245mm[i]);
                }
                break;
            case 'KFT32_345mm':
                document.getElementById(XLEW_4_6_3).options.length = 0; 
            for (i = 0; i < KFT32_345mm.length; i++) {
                createOption(document.getElementById(XLEW_4_6_3), KFT32_345mm[i], KFT32_345mm[i]);
                }
                break;
            case 'KFT33_415mm':
                document.getElementById(XLEW_4_6_3).options.length = 0;
                for (i = 0; i < KFT33_415mm.length; i++) {
                    createOption(document.getElementById(XLEW_4_6_3), KFT33_415mm[i], KFT33_415mm[i]);
                }
                break;
				case 'KFT31D_245mm':
                document.getElementById(XLEW_4_6_3).options.length = 0;
                for (i = 0; i < KFT31D_245mm.length; i++) {
                    createOption(document.getElementById(XLEW_4_6_3), KFT31D_245mm[i], KFT31D_245mm[i]);
                }
                break;
				case 'KFT32D_345mm':
                document.getElementById(XLEW_4_6_3).options.length = 0;
                for (i = 0; i < KFT32D_345mm.length; i++) {
                    createOption(document.getElementById(XLEW_4_6_3), KFT32D_345mm[i], KFT32D_345mm[i]);
                }
                break;
				case 'KFT33D_415mm':
                document.getElementById(XLEW_4_6_3).options.length = 0;
                for (i = 0; i < KFT33D_415mm.length; i++) {
                    createOption(document.getElementById(XLEW_4_6_3), KFT33D_415mm[i], KFT33D_415mm[i]);
                }
                break;
				case 'KFT31_LH_245mm':
                document.getElementById(XLEW_4_6_3).options.length = 0;
                for (i = 0; i < KFT31_LH_245mm.length; i++) {
                    createOption(document.getElementById(XLEW_4_6_3), KFT31_LH_245mm[i], KFT31_LH_245mm[i]);
                }
                break;
				case 'KFT32_LH_345mm':
                document.getElementById(XLEW_4_6_3).options.length = 0;
                for (i = 0; i < KFT32_LH_345mm.length; i++) {
                    createOption(document.getElementById(XLEW_4_6_3), KFT32_LH_345mm[i], KFT32_LH_345mm[i]);
                }
                break;
                default:
                    document.getElementById(XLEW_4_6_3).options.length = 0;
                break;
        }

    }

    function createOption(XLEW_4_5_3, text, value) {
        var opt = document.createElement('option');
        opt.value = value;
        opt.text = text;
        XLEW_4_5_3.options.add(opt);
    }
</script>
<select id="XLEW_4_5_3" onchange="configureDropDownLists(this,'XLEW_4_6_3')">
<option value="KFT31_245mm">KFT31 / 245mm</option>
<option value="KFT32_345mm">KFT32 / 345mm</option>
<option value="KFT33_415mm">KFT33 / 415mm</option>
<option value="KFT31D_245mm">KFT31D / 245mm</option>
<option value="KFT32D_345mm">KFT32D / 345mm</option>
<option value="KFT33D_415mm">KFT33D / 415mm</option>
<option value="KFT31_LH_245mm">KFT31-LH / 245mm</option>
<option value="KFT32_LH_345mm">KFT32_LH_345mm</option>
</select>

<select id="XLEW_4_6_3">
</select>
</body>
</html>

解决方案

If both the javascript functions are doing the same thing, then why you have created one more function. better to call the same function configureDropDownLists in another place also.


Thanks
Ashish


try this...perfectly working

<script type="text/javascript">
    function configureDropDownLists(XLEW_3_5_3,XLEW_3_6_3) {
        var K31_213mm = new Array('90', '106');
        var K32_245mm = new Array('90', '106');
        var K33_338mm = new Array('90', '106');
        var K31D_213mm = new Array('106', '160');
        var K32D_245mm = new Array('106', '160');
        var K33D_338mm = new Array('106', '160');
        var K31_LH_213mm = new Array('77');
        var K32_LH_245mm = new Array('77');

        switch (XLEW_3_5_3.value) {
            case 'K31_213mm':
                document.getElementById(XLEW_3_6_3).options.length = 0;
                for (i = 0; i < K31_213mm.length; i++) {

                    createOption(document.getElementById(XLEW_3_6_3), K31_213mm[i], K31_213mm[i]);

                }

                break;

            case 'K32_245mm':

                document.getElementById(XLEW_3_6_3).options.length = 0;

            for (i = 0; i < K32_245mm.length; i++) {

                createOption(document.getElementById(XLEW_3_6_3), K32_245mm[i], K32_245mm[i]);

                }

                break;

            case 'K33_338mm':

                document.getElementById(XLEW_3_6_3).options.length = 0;

                for (i = 0; i < K33_338mm.length; i++) {

                    createOption(document.getElementById(XLEW_3_6_3), K33_338mm[i], K33_338mm[i]);

                }

                break;

                case 'K31D_213mm':

                document.getElementById(XLEW_3_6_3).options.length = 0;

                for (i = 0; i < K31D_213mm.length; i++) {

                    createOption(document.getElementById(XLEW_3_6_3), K31D_213mm[i], K31D_213mm[i]);

                }

                break;

                case 'K32D_245mm':

                document.getElementById(XLEW_3_6_3).options.length = 0;

                for (i = 0; i < K32D_245mm.length; i++) {

                    createOption(document.getElementById(XLEW_3_6_3), K32D_245mm[i], K32D_245mm[i]);

                }

                break;

                case 'K33D_338mm':

                document.getElementById(XLEW_3_6_3).options.length = 0;

                for (i = 0; i < K33D_338mm.length; i++) {

                    createOption(document.getElementById(XLEW_3_6_3), K33D_338mm[i], K33D_338mm[i]);

                }

                break;

                case 'K31_LH_213mm':

                document.getElementById(XLEW_3_6_3).options.length = 0;

                for (i = 0; i < K31_LH_213mm.length; i++) {

                    createOption(document.getElementById(XLEW_3_6_3), K31_LH_213mm[i], K31_LH_213mm[i]);

                }

                break;

                case 'K32_LH_245mm':

                document.getElementById(XLEW_3_6_3).options.length = 0;

                for (i = 0; i < K32_LH_245mm.length; i++) {

                    createOption(document.getElementById(XLEW_3_6_3), K32_LH_245mm[i], K32_LH_245mm[i]);

                }

                break;

                default:

                    document.getElementById(XLEW_3_6_3).options.length = 0;

                break;

        }



    }



    function createOption(XLEW_3_5_3, text, value) {

        var opt = document.createElement('option');

        opt.value = value;

        opt.text = text;

        XLEW_3_5_3.options.add(opt);

    }

    </script>

    <script type="text/javascript">

    function configureDropDownLists1(XLEW_4_5_3,XLEW_4_6_3) {
        var KFT31_245mm = new Array('90', '106');
        var KFT32_345mm = new Array('90', '106');
        var KFT33_415mm = new Array('90', '106');
        var KFT31D_245mm = new Array('106', '160');
        var KFT32D_345mm = new Array('106', '160');
        var KFT33D_415mm = new Array('106', '160');
        var KFT31_LH_245mm = new Array('77');
        var KFT32_LH_345mm = new Array('77');

        switch (XLEW_4_5_3.value) {
            case 'KFT31_245mm':
                document.getElementById(XLEW_4_6_3).options.length = 0;
                for (i = 0; i < KFT31_245mm.length; i++) {

                    createOption(document.getElementById(XLEW_4_6_3), KFT31_245mm[i], KFT31_245mm[i]);

                }

                break;

            case 'KFT32_345mm':

                document.getElementById(XLEW_4_6_3).options.length = 0;

            for (i = 0; i < KFT32_345mm.length; i++) {

                createOption(document.getElementById(XLEW_4_6_3), KFT32_345mm[i], KFT32_345mm[i]);

                }

                break;

            case 'KFT33_415mm':

                document.getElementById(XLEW_4_6_3).options.length = 0;

                for (i = 0; i < KFT33_415mm.length; i++) {

                    createOption(document.getElementById(XLEW_4_6_3), KFT33_415mm[i], KFT33_415mm[i]);

                }

                break;

                case 'KFT31D_245mm':

                document.getElementById(XLEW_4_6_3).options.length = 0;

                for (i = 0; i < KFT31D_245mm.length; i++) {

                    createOption(document.getElementById(XLEW_4_6_3), KFT31D_245mm[i], KFT31D_245mm[i]);

                }

                break;

                case 'KFT32D_345mm':

                document.getElementById(XLEW_4_6_3).options.length = 0;

                for (i = 0; i < KFT32D_345mm.length; i++) {

                    createOption(document.getElementById(XLEW_4_6_3), KFT32D_345mm[i], KFT32D_345mm[i]);

                }

                break;

                case 'KFT33D_415mm':

                document.getElementById(XLEW_4_6_3).options.length = 0;

                for (i = 0; i < KFT33D_415mm.length; i++) {

                    createOption(document.getElementById(XLEW_4_6_3), KFT33D_415mm[i], KFT33D_415mm[i]);

                }

                break;

                case 'KFT31_LH_245mm':

                document.getElementById(XLEW_4_6_3).options.length = 0;

                for (i = 0; i < KFT31_LH_245mm.length; i++) {

                    createOption(document.getElementById(XLEW_4_6_3), KFT31_LH_245mm[i], KFT31_LH_245mm[i]);

                }

                break;

                case 'KFT32_LH_345mm':

                document.getElementById(XLEW_4_6_3).options.length = 0;

                for (i = 0; i < KFT32_LH_345mm.length; i++) {

                    createOption(document.getElementById(XLEW_4_6_3), KFT32_LH_345mm[i], KFT32_LH_345mm[i]);

                }

                break;

                default:

                    document.getElementById(XLEW_4_6_3).options.length = 0;

                break;

        }



    }



    function createOption(XLEW_4_5_3, text, value) {

        var opt = document.createElement('option');

        opt.value = value;

        opt.text = text;

        XLEW_4_5_3.options.add(opt);

    }

    </script>

</head>
<body>
    <select id="XLEW_4_5_3" onchange="configureDropDownLists1(this,'XLEW_4_6_3')">
        <option value="KFT31_245mm">KFT31 / 245mm</option>
        <option value="KFT32_345mm">KFT32 / 345mm</option>
        <option value="KFT33_415mm">KFT33 / 415mm</option>
        <option value="KFT31D_245mm">KFT31D / 245mm</option>
        <option value="KFT32D_345mm">KFT32D / 345mm</option>
        <option value="KFT33D_415mm">KFT33D / 415mm</option>
        <option value="KFT31_LH_245mm">KFT31-LH / 245mm</option>
        <option value="KFT32_LH_345mm">KFT32_LH_345mm</option>
    </select>
    <select id="XLEW_4_6_3">
    </select>
    <select id="XLEW_3_5_3" onchange="configureDropDownLists(this,'XLEW_3_6_3')">
        <option value="K31_213mm">K31 / 213mm</option>
        <option value="K32_245mm">K32 / 245mm</option>
        <option value="K33_338mm">K33 / 338mm</option>
        <option value="K31D_213mm">K31D / 213mm</option>
        <option value="K32D_245mm">K32D / 245mm</option>
        <option value="K33D_338mm">K33D / 338mm</option>
        <option value="K31_LH_213mm">K31-LH / 213mm</option>
        <option value="K32_LH_245mm">K32-LH / 245mm</option>
    </select>
    <select id="XLEW_3_6_3">
    </select>
</body>
</html>




thanks
ashish


这篇关于同一网页上的2个Javascript的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆