변경 표시 div와 자바 스크립트

나는 이것을 작동 시키려고 노력하고 있었고 상대적으로 쉬울 것이라고 생각했지만 자바 스크립트로 내 div를 타겟팅 할 수 없었습니다.변경 표시 div와 자바 스크립트

상자 목록이 필요하며 각 상자를 클릭 할 수 있고 각 상자에는 숨겨진 친구가 있습니다. 를 클릭하면 입력 상자가있는 대화 상대가 숨겨지고 표시됩니다. 필요한 텍스트를 입력하고 확인을 누르면 입력 한 텍스트가 원래 텍스트로 변경됩니다.

머리가 들어있는 다음

<head> 
<script language="javascript"> 
var state = 'none'; 

function showhide(layer_ref) { 

if (state == 'block') { 
state = 'none'; 
} 
else { 
state = 'block'; 
} 
if (document.all) { //IS IE 4 or 5 (or 6 beta) 
eval("document.all." + layer_ref + ".style.display = state"); 
} 
if (document.layers) { //IS NETSCAPE 4 or below 
document.layers[layer_ref].display = state; 
} 
if (document.getElementById &&!document.all) { 
hza = document.getElementById(layer_ref); 
hza.style.display = state; 
} 

} 
</script>

을 그리고 내 HTML에는 다음이 포함

<div id="div0"> 
<a href="#" onclick="showhide('div1');" style="text-decoration:none;"> 
    <div style="width:200px; height:30px; background-color:grey;color:white"> 
    Input: <div id="showinput"></div> 
    </div> 
</a> 
</div> 

<div id="div1" style="display:none;"> 
<div style="width:200px; height:30px; background-color:grey;color:white"> 
    <input type="text id="addInput" /"> 
    <input type="submit" value="submit" name="submit" onclick="showhide('div1');" /> 
</div> 
</div>

나는 다음을 추가하기 위해 노력하고있어하지만 그것은 단지 원본과 스크립트를 업데이트하지 않습니다 그냥 아래의 친구 div 쇼를 만듭니다. 어떻게하면 원본을 동시에 숨길 수 있습니까?

var myobj = document.getElementById("addInput"); 
var mytext = myobj.value; 
document.getElementById("showinput").innerHTML = mytext;

출처

2013-11-02 Andy Penn

질문을 "jquery"로 표시 했으므로 사용하지 않으시겠습니까? 나는 $ ('# div1')을 의미합니다. hide(); 정말 잘 작동합니다. "jquery hide example"으로 검색 –

type="text 주위에 닫는 인용 부호가 누락되어 입력 ID가 설정되지 않았습니다. 시도해보십시오 :

<input type="text" id="addInput" />

출처

2013-11-02 15:42:27 toms

변경 표시 div와 자바 스크립트

답변

관련 문제