Javascript 有没有办法在物化模式中将数据从firestore显示到select中？

我试图在materialize模式中的选择列表中显示存储在Firestore中的数据。我为制作模态而创建的代码是：

      <button class="btn red darken-2 z-depth-0 admin modal-trigger" data-target="modal-delete" style="display: none;"> Slett øvelse </button>


      <div id="modal-delete" class="modal">
        <div class="modal-content">
          <h4> Slett øvelse </h4><br />
            <select id="delete-form" class="" style="display: block;">

            </select>
            <button class="btn red darken-2 z-depth-0" style="margin-top: 5px;"> Slett </button>
        </div>
      </div>

这不起作用，出现以下错误代码：

Uncaught (in promise) ReferenceError: li is not defined
    at renderGuides (index.js:74)
    at index.js:81
    at Array.forEach (<anonymous>)
    at index.js:80 

我只是想知道这是否可行

---

非常感谢您的帮助

欢迎来到StackOverflow！这个错误是不言自明的。您没有在代码中定义什么是“li”。我想“li”是从Firebase读取的对象列表/数组，但我看不出您是在定义它。另外，我建议您在JS中使用数组中的项目，而不是附加

Uncaught (in promise) ReferenceError: li is not defined
    at renderGuides (index.js:74)
    at index.js:81
    at Array.forEach (<anonymous>)
    at index.js:80 

 cross.textContent = 'x';

li.appendChild(cross);

cross.addEventListener('click', (e) => {
  e.stopPropagation();
  let id = e.target.parentElement.getAttribute('data-id');
  db.collection('øvelser').doc(id).delete();
}