동일한 버튼을 사용하여 html로 이벤트 트리거

일련의 요소 (텍스트 및 버튼 유형의 입력)의 표시를 숨김에서 표시로 변경하는 버튼을 사용하여 이벤트를 트리거하려고합니다. 이제는 트리거 버튼을 클릭 할 때마다 새 요소에 대해 새로운 행을 표시하려고합니다. 어떻게 할 수 있습니까? 나는 당신의 질문을 이해하면동일한 버튼을 사용하여 html로 이벤트 트리거

<script type="text/javascript"> 
function generatenew() 
{ 
    document.add.property1.style.visibility="visible"; 
    document.add.button2.style.visibility="visible"; 
    document.add.button3.style.visibility="visible"; 
    document.add.button4.style.visibility="visible"; 
} 
</script> 
</head> 
<body> 
    <form name='add' method="post" action=""> 
    <div id="div"></div> 
    <input type="button" value="+Add" onclick="generatenew();"> 
    <input type="button" value="Edit" name="button2" style="visibility:hidden"> 
    <input type="text" style="visibility:hidden" size="50" name="property1" placeholder="<street> <city> <ZIP> <country> <lockunitID>"> 
    <input type="button" style="visibility:hidden" name="button3" value="open main door"> 
    <input type="button" style="visibility:hidden" name="button4" value="open apartment door"> 
    <div id="abc"><input type="button" value="save"></div>

출처

2012-06-21 niharika

내가이 권리를 읽으면 첫 번째 클릭은 숨겨진 행을 보이게하고, 다음에 더 많은 클릭은 단지 같은 행을 더 추가하게됩니까? 그 이상으로, 우리는 코드를 작성하지 않습니다 - 당신이 시도한 것을 보여주세요 (위에서 보이는 것만 보이면 안됩니다). 우리는 그것을 고치려고 노력할 것입니다. –

, 당신은 onClick 이벤트에 의해 트리거되는 함수를 가하고해야 할 일은, (element.onClick=function();) 당신은 모든 입력 타입의 태그를 넣어 다음은 코드의 조각이다 함수를 호출 한 다음 appendChild 메서드를 호출하여 함수 베이를 종료하면 각 클릭이 요소 표시를 트리거합니다.

출처

2012-06-21 00:31:23 Newben

예, 알겠습니다. 지금 작동 중입니다. 고맙습니다. – niharika

게시물을 위아래로 평가하는 것을 잊지 마세요 .--) – Newben

동일한 버튼을 사용하여 html로 이벤트 트리거

답변

관련 문제