목록 항목에 특정 값이있는 경우 tr을 표시하는 자바 스크립트

Question

질문을 따르십시오. 나는 여러개의 listitem을 가지고 있는데, 목록 아이템이 특정 값을 가질 때 'hidden'을 표시하도록 세 숨겨진 tr을 표시하고 싶습니다.

양식 요소는

<tr> 
<td><label>bla</label></td> 
<td><input id='bla'></td> 
</tr> 

난 다음 스크립트를 사용하여 설정 한 다음.

function checkValue(){ 

var verhuurdVan = document.getElementById('verhuurd_van_datepicker_field').parentNode.parentNode.style.display='none'; 
var verhuurdTot = document.getElementById('verhuurd_tot_datepicker_field').parentNode.parentNode.style.display='none'; 
var beschikbaar = document.getElementById('beschikbaar_verhuur_1').parentNode.parentNode.style.display='none'; 

var list = document.getElementById('productstatus_id_ListOn'); 

for(var i=0; i<list.options.length; i++){ 
    if(list.options[i].value == '1'){ 
     here the table rows has to be set to display block; 
    } 
} 

HTML ID 이름을 무시합니다. 이는 CMS에 의해 구문 분석되기 때문입니다.

미리 감사드립니다.

Answer 1

DOM의 정확한 레이아웃을 모르면 정확한 코드 줄을 제공 할 수 없습니다. 그러나 코드 블록에서 요소가 3-5 행에 숨겨 짐을 알 수 있습니다.

이 결과적으로, 내면의 if 블록 내에서, 당신은 요소를 다시 만들기 위해 할 일은, 다시 '블록'에 대응하는 요소의 스타일을 설정하는 것입니다 예 :

document.getElementById('verhuurd_tot_datepicker_field').parentNode.parentNode.style.display='block'; 

세의 어느 실제로 활성화하는 노드는 결정할 때까지 결정해야하지만, 그게 인데, 어떻게하면 이겠는가.