Показать скрытые объекты при нажатии кнопки (PHP с javaScript)

Question

Как отобразить скрытое текстовое поле через javaScript с помощью счетчика PHP. Я этот код в HTML включен с PHP:

<?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

первый дать ваш скрытый вход идентификатор, то внутри функции, в которой вы хотите удалить скрытый класс:

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

источник: classlist

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";