我在使用 JavaScript 更改文本翻译时遇到问题。

这是html代码

document.getElementById('slider-en1').style.visibility = 'hidden'; document.getElementById('slider-id1').style.visibility = '可见'; 函数changeFunc() { var selectBox = document.getElementById("language_select"); var selectedValue = selectBox.options[selectBox.selectedIndex].value; // 警报（选定值）； if (selectedValue == 'id') { document.getElementById('slider-en1').style.visibility = '可见'; document.getElementById('slider-id1').style.visibility = '隐藏'; } if (selectedValue == 'en') { document.getElementById('slider-en1').style.visibility = '可见'; document.getElementById('slider-id1').style.visibility = '隐藏'; } }

       

        

        <选项类=“导航链接子菜单链接文本白色”禁用默认选定值=“”>
         语言
 

         
印度尼西亚 

         
英语;  
  
 
 印度尼西亚 印度尼西亚 印度尼西亚 
        
       
     
 
 恩恩恩 
 
 
 
我尝试使用jquery，但仍然无法正常工作。谢谢您的回答
 
我尝试隐藏使用 JavaScript 显示和内容，但我的代码无法正常工作
    
    

     

      
      1
     
     

      
      0
     
     

      
      0
     
    
    

     

      
      

       P粉654894952
       

      
     
     

      

      

       

        回复
       
      
     
    
    

     

      

       全部回复
       (1)
      
      我来回复
      关闭
     
     

     

      
      

       

        

         P粉0463871332023-09-06 00:19:35
         1 楼
        
        

         
UL LI不是select的有效子元素。
         
然而，我简化了您的代码以提高效率。
         
我为每个语言div添加了一个data属性。该属性保存表示内容的语言值。我还创建了一个名为"active"的css类，它将显示适当的语言div，并将语言div默认隐藏。
         
然后，我使用事件处理程序而不是内联事件（onchange），这是更好的方法，也将帮助您在将来做更多事情。
         
在我的事件监听器中，我只是获取所选值。然后，我查看是否有任何带有active类的语言div，如果有，则删除它。然后，我找到并将active类添加到适当的语言div。
         
这个过程将帮助您扩展代码，因为您不需要关心if语句。
         

         

          

           
let langSelect = document.querySelector("#language_select"); langSelect.addEventListener("change",(e) => { let shown = document.querySelector(".active[data-lang]"); if(shown)shown.classList.remove("active"); document.querySelector(`[data-lang='${langSelect.value}']`).classList.add("active") });
           
[data-lang]{visibility:hidden} .active[data-lang]{visibility:visible;}
           
 Language Indonesia English  
 
 indonesia indonesia indonesia 
 
 
 
 en en en