在 javascript 中，我有多個行從 Firebase/Firestore 集合呈現到 DOM。在每一行中，都會創建一個始終具有相同選擇選項（.a 元素）的 Bootstrap 下拉列表。每行 div 的 id 屬性是根據 Firestore doc.id 動態設置的。當用戶在下拉列表中單擊它時，我想從一個特定行的下拉列表中獲取選定的值。這是我的代碼：    //get Firestore collection    db.collection('collection1').get().then(snapshot => {    snapshot.docs.forEach(doc => {      //create row to be rendered...      let row = document.createElement('div');      let container = document.getElementById('myContainer');      //...append it to the container element      container.appendChild(row);      //set row id to the doc.id for future access      row.setAttribute('id', doc.id);      //bootstrap dropdown rendered here      document.getElementById(doc.id).innerHTML =        '<span class="font-weight-bolder border rounded p-2 dropdown-toggle" id="selectStatus' +doc.id+ ' "  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' + doc.data().status+ '</span>'        +        '<div class="dropdown-menu" aria-labelledby="selectStatus' + doc.id + '">' +        '    <a class="dropdown-item" href="#">Action</a>' +        '    <a class="dropdown-item" href="#">Another action</a>' +        '    <a class="dropdown-item" href="#">Something else here</a>' +        '  </div>';       });     });我試過這個：$('#someId a').on('click', function(){$('#someOtherId').val($(this).html());});和其他帖子中的其他解決方案，但據我了解，它們總是指一個單一的 Dropdown 元素。在我的例子中，有多行每行都有一個下拉元素，當然每一行的下拉列表 id 都會發生變化。任何提示都會很有幫助！