Изменить значение html div с помощью javascript в php foreach

Question

Я запускаю цикл foreach, и я хочу иметь возможность изменять содержимое и класс затронутых элементов div.

foreach ($fields as $key => $value) { ?> 
    <script type="text/javascript"> 
     document.getElementById('<?php echo $key ?>').innerHTML = '<?php echo $value ?>'; 
    </script> 
<?php } ?> 

Answer 1

Вы можете использовать только одну часть ...

• стороне сервера с PHP и более заманчивым

• стороне клиента с Javascript

Для последний подход, было бы хорошо хранить/запрашивать массив как массив JavaScript, или json-объект, и повторять его/upda те существующие элементы во время цикла после загрузки сайта.

Смесь обоих может приводить к необслуживаемому источнику и более длительному времени визуализации и исполнения, как ожидалось.

Answer 2

У меня нет того, чего вы на самом деле хотите, но давайте с этим кодом. Это может помочь вам ...

<script type="text/javascript"> 
    $(document).ready(function() { 
     <?php 
      foreach ($fields as $key => $value) { 
     ?> 
     document.getElementById('<?php echo $key ?>').innerHTML = '<?php echo $value ?>'; 
     <?php 
      } 
     ?> 
    }); 
</script> 

Answer 3

foreach ($fields as $key => $value) { ?> 
    <script type="text/javascript"> 
    document.getElementById('<?php echo $key ?>').innerHTML = '<?php echo $value ?>'; 
</script> 

лучше использовать его, как это.

<script> 
    <?php foreach ($fields as $key=>$value){ ?> 
      document.getElementById("<?php echo $key; ?>").innerHTML = "<?php echo $value; ?>"; 
    <?php } ?> 
</script> 

и убедитесь, что у вас есть все соответствующие элементы с таким же идентификатором, как $ key в этом скрипте.

<?php foreach($fields as $key=>$value){ ?> 

     <div id="<?php echo $key; ?>" ></div> 

    <?php } ?> 

С уважением