Блог

Главная - Вопросы по программированию - Показывать скрытые объекты при нажатии кнопки (PHP с JavaScript)

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

#javascript #php #html #onclick #hidden

#javascript #php #HTML #нажать #скрытый

Вопрос:

Как мне отобразить скрытое текстовое поле через JavaScript с помощью PHP counter. У меня есть этот код в 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;?>

Ответ №1:

сначала укажите идентификатор вашего скрытого ввода, затем внутри функции, из которой вы хотите удалить скрытый класс:

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

источник: список классов

Ответ №2:

В вашем цикле PHP:

 <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);
}

Комментарии:

1. Но как вы добавляете php-код в JavaScript?

2. Вы не добавляете PHP-код в JS. Вы добавляете функцию JS, вызываемую showField на страницу, и используете PHP для добавления name параметра к функции, вызываемой внутри onclick button .

Ответ №3:

используйте css как скрытый для ввода, разрешите нажатие кнопки для вызова функции javascript, в которой вы можете выполнять другие задачи вместе с document.getElementById(«theGivenId»).style.visibility = «видимый»;