我在使用 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 顯示和內容,但我的程式碼無法正常運作
UL LI不是select的有效子元素。
然而,我簡化了您的程式碼以提高效率。
我為每個語言div新增了一個data屬性。此屬性保存表示內容的語言值。我還創建了一個名為"active"的css類,它將顯示適當的語言div,並將語言div預設為隱藏。
然後,我使用事件處理程序而不是內聯事件(onchange),這是更好的方法,也將幫助您在將來做更多事情。
在我的事件監聽器中,我只是取得所選值。然後,我查看是否有任何帶有active類別的語言div,如果有,則刪除它。然後,我找到並將active類別新增到適當的語言div。
這個過程將幫助您擴展程式碼,因為您不需要關心if語句。