показ php скрытых строк при переходе к модальному

Question

У меня есть таблица HTML, в которой есть строки, извлеченные из базы данных.

с помощью тега tbody Я спрятал несколько строк, чтобы показать их в модальном режиме, и, при необходимости, внесу некоторые изменения. модал прекрасно работает с редактированием в базе данных, и все, кроме данных, которые должны отображаться для редактирования, также скрыты!

как это исправить?

вот моя таблица со скрытым кодом строк, которые находятся внутри оператора while:

<tbody style="display:none">
<td data-target="FLOOR"><?php echo $row['FLOOR'];?></td>
<td data-target="ORDER_OFFICE"><?php echo $row['ORDER_OFFICE'];?></td>
<td data-target="SERIAL_NO"><?php echo $row['SERIAL_NO'];?></td>
<td data-target="POINT_NO"><?php echo $row['POINT_NO'];?></td>
<td data-target="NOTE"><?php echo $row['NOTE'];?></td>
<td data-target="OTHER_NAME"><?php echo $row['OTHER_NAME'];?></td>
<td data-target="ORDER_TELE"><?php echo $row['ORDER_TELE'];?></td>
</tbody>



 <script>  

    //  append values in input fields
      $(document).on('click','a[data-role=update]',function(){
            var id  = $(this).data('id');
            var FLOOR  = $('#'+id).children('td[data-target=FLOOR]').text();
            var ORDER_OFFICE  = $('#'+id).children('td[data-target=ORDER_OFFICE]').text();
            var SERIAL_NO  = $('#'+id).children('td[data-target=SERIAL_NO]').text();
            var POINT_NO  = $('#'+id).children('td[data-target=POINT_NO]').text();
            var NOTE  = $('#'+id).children('td[data-target=NOTE]').text();
            var OTHER_NAME  = $('#'+id).children('td[data-target=OTHER_NAME]').text();
            var ORDER_TELE  = $('#'+id).children('td[data-target=ORDER_TELE]').text();

            $('#FLOOR').val(FLOOR);
            $('#ORDER_OFFICE').val(ORDER_OFFICE);
            $('#SERIAL_NO').val(SERIAL_NO);
            $('#POINT_NO').val(POINT_NO);
            $('#NOTE').val(NOTE);
            $('#OTHER_NAME').val(OTHER_NAME);
            $('#ORDER_TELE').val(ORDER_TELE);
            $('#userId').val(id);
            $('#myModal3').modal({backdrop: "static"});
      });
       // now create event to get data from fields and update in database 

       $('#save').click(function(){
          var ID = $('#userId').val(); 
         var FLOOR =  $('#FLOOR').val();
          var ORDER_OFFICE =  $('#ORDER_OFFICE').val();
          var SERIAL_NO = $('#SERIAL_NO').val();
          var POINT_NO = $('#POINT_NO').val();
          var NOTE = $('#NOTE').val();
          var OTHER_NAME = $('#OTHER_NAME').val();
          var ORDER_TELE = $('#ORDER_TELE').val();

          $.ajax({
              url      : 'edit_order.php',
              method   : 'post', 
              data     : {FLOOR : FLOOR, ORDER_OFFICE : ORDER_OFFICE, SERIAL_NO : SERIAL_NO, POINT_NO : POINT_NO 
                        ,NOTE : NOTE, OTHER_NAME : OTHER_NAME, ORDER_TELE: ORDER_TELE, ID: ID},
              success  : function(response){
                            // now update user record in table 
                             $('#'+id).children('td[data-target=FLOOR]').text(FLOOR);
                             $('#'+id).children('td[data-target=ORDER_OFFICE]').text(ORDER_OFFICE);
                             $('#'+id).children('td[data-target=SERIAL_NO]').text(SERIAL_NO);
                             $('#'+id).children('td[data-target=POINT_NO]').text(POINT_NO);
                             $('#'+id).children('td[data-target=NOTE]').text(NOTE);
                             $('#'+id).children('td[data-target=OTHER_NAME]').text(OTHER_NAME);
                             $('#'+id).children('td[data-target=ORDER_TELE]').text(ORDER_TELE);
                             $('#myModal3').modal('toggle'); 

                         }
          });
       });
 });
 </script>

спасибо.

Answer 1

Если вы хотите показать эту таблицу для редактирования, просто удалите style="display:none" из тега tbody, используя javascript после рендеринга страницы, или если условие, которое вы ждете, превратится в true .Я не рекомендую использовать стиль непосредственно внутри тега, если вы хотите изменить его условно.Вы можете сделать это с помощью JavaScript.

Или вы можете проверить, скрывать или нет при рендеринге на стороне PHP.

<tbody style="<?php echo $ifConditionTrue ? "display:none" : "";?>">'

Или коротким путем

<tbody style="<?= $ifConditionTrue ? "display:none" : "";?>">'