버튼을 클릭하면 숨겨진 객체 표시 (PHP with javaScript)

Question

PHP 카운터를 사용하여 숨겨진 텍스트 필드를 javaScript를 통해 어떻게 표시합니까? 나는 HTML에서이 코드는 PHP와 통합했다 :

var myButtonClasses = document.getElementById("theGivenId").classList; myButtonClasses.remove("hidden");

소스 : classlist

<?php if(isset($prior)): foreach($prior as $row): ?> 
    <tr> 
     <td> <?php echo $row->priority?> </td> 
     <td> <?php echo $row->priority_time?> </td> 
     <td> 
       <button type="button" class="btn btn-info btn-sm" onclick=""> 
       <span class="glyphicon glyphicon-edit" aria-hidden="true"></span> 
       </button> 
       <input type="text" id="" name="<?php echo $row->priority_id?>" hidden/> 
     </td> 
    </tr> 
    <?php endforeach;?> 
    <?php else:?> 
     <p>Request Service not available</p> 
    <?php endif;?> 

Answer 1

가 먼저 숨겨진 클래스를 제거 할 함수 내에서 다음, 숨겨진 입력 ID를 제공 당신의 PHP 루프에서

Answer 2

:

<button type="button" class="btn btn-info btn-sm" onclick="showField(<?php echo $row->priority_id; ?>)"> 
    <span class="glyphicon glyphicon-edit" aria-hidden="true"></span> 
</button> 

페이지에 JS 기능을 추가 입력을 숨김으로

function showField(name) { 
    var el = document.querySelector('input[name="' + name + '"]'); 
    el.setAttribute('hidden', false); 
} 

Answer 3

CSS를 사용, 허용 버튼을 사용하여 document.getElementById를 함께 다른 작업을 할 수있는 자바 스크립트 함수를 호출합니다 ("theGivenId을") .style.visibility = "visible";