在数据集中选择具有php值的js数组的特定元素

时间:2019-06-15 22:26:25

标签: javascript php

我正在尝试使用3D网格和sql数据库,但是我的问题特别是与JS和PHP。 当我在li元素的数据集中传递特定的php值时,无法选择数组的元素。

它与html列表一起使用,但是当我将php的值导入此列表中时,即使值相同,也无法使用。我尝试将值转换为整数,但没有任何改变。

  <ul id="list">
  <li class="sample" data-ref="07071950">
    <ul class="inside">
        <li>Man dragged out of piano - 1967 (7C, reprocessed)</li>
        <li>07071050</li>
        <li>14</li>
    </ul>
  </li>
  </ul>

这是纯HTML,可以正常工作。 还有PHP:

  <ul id="list">
  <?php
      foreach($samples as $sample){
        echo '<li class="sample" data-ref="'.$sample['reference'].'">
          <ul class="inside">
              <li>'.$sample['name'].'</li>
              <li>'.$sample['reference'].'</li>
              <li>'.$sample['duree'].'</li>
          </ul>
        </li>';
      }
  ?>
  </ul>

最后是使用此列表的元素

  sampleElements = document.querySelectorAll('.sample');
      for(var i = 0; i < sampleElements.length; i++){
        var sampleElement = sampleElements[i];
        sampleElement.addEventListener('click', function(){
          var reference = sampleElement.dataset.ref;
          var sphere = spheres[reference];
          render();
        });
  }

在两种情况下,“引用”的结果均为“ 07074025” 数组的结果就像

  Object { 07071050: {…}, 07071051: {…}, … }

所以我对“ reference”和“ spheres”(数组)具有正确的值,但是从我使用PHP值开始,“ spheres [reference]”不起作用,它显示“ undefined”作为“球形”。

我希望我很清楚,谢谢您的时间。 祝你有美好的一天。

0 个答案:

没有答案