문제: Javascript의 변경 기능이 유효하지 않습니다.
<p>저는 JavaScript를 사용하여 更改文本翻译时遇到问题을 사용하고 있습니다.</p>
<p>这是html代码</p>
<p>
<pre class="brush:js;toolbar:false;">document.getElementById('slider-en1').style.visibility = 'hidden';
document.getElementById('slider-id1').style.visibility = 'visible';
함수changeFunc() {
var selectBox = document.getElementById("언어_선택");
var selectedValue = selectBox.options[selectBox.selectedIndex].value;
// 경고(선택된 값);
if (selectedValue == 'id') {
document.getElementById('slider-en1').style.visibility = 'visible';
document.getElementById('slider-id1').style.visibility = 'hidden';
}
if (selectedValue == 'en') {
document.getElementById('slider-en1').style.visibility = 'visible';
document.getElementById('slider-id1').style.visibility = 'hidden';
}
}</pre>
<pre class="brush:html;toolbar:false;"><select class="nav-item has-sub-menu 언어 선택기" id="언어_select" onchange="changeFunc();">
<ul class="하위 메뉴">
<li class="nav-item 하위 메뉴 항목">
<option class="nav-link sub-menu-link text-white" 비활성화된 기본 선택 값="">언어</option>
</li>
<li class="nav-item 하위 메뉴 항목">
<option class="nav-link sub-menu-link text-dark" id="id" value="id">인도네시아</option>
</li>
<li class="nav-item 하위 메뉴 항목">
<option class="nav-link sub-menu-link text-dark" id="en" value="en">영어</option>
</li>
</ul>
</선택>
<div class="col-9 col-md-10 col-lg-8 mx-auto" id="slider-id1">
<p class="slide-subtitlearrow-centerd-text">
인도네시아 인도네시아 인도네시아
</p>
</div>
<div class="col-9 col-md-10 col-lg-8 mx-auto" id="slider-en1">
<p class="slide-subtitlearrow-centerd-text">
엉 엉 엉
</p>
</p>
<p>저는 jquery를 사용하여 jquery를 수정했습니다.
<p>我尝试使는 JavaScript를 사용하여 显示 and 隐藏内容,但我的代码无法正常工作</p>