텍스트 영역 값이 영역에 표시되지 않습니다.

Question

다음과 같은 문제로 머리를 긁적니다.

나는 tickbox가있다. 체크 표시가되어 있으면 자바 스크립트로 스타일을 제거하고 텍스트 영역을 표시합니다. 모든 페이지로드시 textarea 태그 사이에로드 된 데이터로 텍스트 영역이 숨겨집니다. 사용자가 클릭하면 나타나야합니다. 그렇지 않습니다. Firebug 또는 Chrome으로 검사 할 때 데이터가 있어야하는 위치를 확인합니다. 파이어 버그에서 class를 추가하면 on-the-fly로 나타나지만, 이것을 오프라인에 추가하면 페이지로드에서 나타나기 때문에 그렇지 않습니다.

죄송합니다. 조금 미심쩍은 말씀이지만이 페이지는 더 큰 웹 페이지에 포함되어 있으며 인터넷에서는 제공되지 않습니다.

의견이 있으십니까?

HTML 코드 :

<tr id="my_tr" style="display: none;"> 
<td colspan="2"> 
<div id="my_div"> 
<textarea cols="25" rows="3" name="my_textarea">initial data to be shown</textarea> 
</div> 
</td> 
</tr> 

---

JS 코드 :

function show_hide_my_textarea() { 
    var my_checkbox = $(tick_box_ref); 
    var my_tr = document.getElementById("my_tr"); 

    if (my_checkbox.checked == true) { 
     my_tr.style.display = ''; 
    } else { 
     my_tr.style.display = 'none'; 
    } 
} 

UPDATE : 죄송합니다 아, 내가 corretly 그것을 설명하지 않았다. 텍스트 영역 자체는 나타나지만 비어 있습니다.

Answer 1

my_tr.style.display = 'block'; 

에 트릭을

Answer 2

넣어 가장 먼저해야 할 경우 :

my_tr.style.display = 'block'; 

대신 빈을 떠나, 그것이 작동하지 않는 경우, 나머지 코드를 붙여 주시기 바랍니다 :)

display : none이면 다시 표시 할 수 있도록 back display : block을 지정해야합니다. 그렇지 않으면 다시 볼 수 있습니다. 그렇지 않으면 숨겨진 상태로 유지됩니다.

Answer 3

if (my_checkbox.checked == true) { 
    my_tr.style.display = 'table-row'; 
} else { 
    my_tr.style.display = 'none'; 
} 

설정이 아무 것도 표시되지 않으면 설정을 table-row으로 설정하십시오. 대신 아무것도 display을 설정 https://developer.mozilla.org/en/CSS/display

Answer 4

는 table-row로 설정 :

my_tr.style.display = 'table-row'; 

https://developer.mozilla.org/en/CSS/display< --update