Javascript 我希望有相同的表下拉列表值

我希望在表的每一行中都有相同的下拉列表数据。我从firebase数据填充了下拉列表，但它只填充了表的第一行下拉列表

---

如何解决此问题？

假设您正在动态附加选项。您可以利用我的代码生成愿望输出

var期权=[Make，America，Great，再次]； var firstDropdown=document.getElementById'first'； var secondDropdown=document.getElementById'second'； 附录选项第一个下拉列表，选项； 附录选项第二个下拉列表，选项； 函数附件选项元素、选项{ options.forEachfunctionvalue{ var option=document.createElementoption； option.text=值； 选择权要素； }; }

---

假设您正在动态附加选项。您可以利用我的代码生成愿望输出

var期权=[Make，America，Great，再次]； var firstDropdown=document.getElementById'first'； var secondDropdown=document.getElementById'second'； 附录选项第一个下拉列表，选项； 附录选项第二个下拉列表，选项； 函数附件选项元素、选项{ options.forEachfunctionvalue{ var option=document.createElementoption； option.text=值； 选择权要素； }; }

---

您是否尝试过使用公共类而不是相同的ID更改选择框？具有相同ID的多个元素不是有效的HTML。从firebase数据获得的任何选项都将其保存在一个变量中。现在，将此变量作为选项附加到其他变量dropdowns@KalpeshSingh它不起作用。尽管如此，只有第一行得到populated@Varun . 我还没试过。怎么做？谢谢你的回复。我很感激你尝试过用普通类而不是相同的ID来更改选择框吗？具有相同ID的多个元素不是有效的HTML。从firebase数据获得的任何选项都将其保存在一个变量中。现在，将此变量作为选项附加到其他变量dropdowns@KalpeshSingh它不起作用。尽管如此，只有第一行得到populated@Varun . 我还没试过。怎么做？谢谢你的回复。我很感激

var songsRef = firebase.database().ref('/KTV-Bar/' + loggeduser + '/Reservations/');


songsRef.on('child_added', function (snapshot) {

    mRetrieveSongs = snapshot.val();
    $("#dataTables").append(
     "<tr data-id='" + snapshot.key + "'>"
       + "<td>" + mRetrieveSongs.playlistkey + "</td>"
       + "<td>" + mRetrieveSongs.username + "</td>"
       + "<td>" + mRetrieveSongs.numberofhours + "</td>"
       + "<td>" + mRetrieveSongs.dates + "</td>"
       + "<td>" + snapshot.key + "</td>"
         // +"<td id=room>"+"</td>"
       + "<td id=room>" + '<select id="selectRoom"></select>' + "</td>"
       + "<td>" + mRetrieveSongs.capacity + "</td>"
       + "<td>" + '<input type="button" value="Accept" id = "accept" onclick="writeUserData(this)" ">'
       + ' <input type="button" value="Decline" id = "decline" onclick="myFunctionDecline(this)" ">'
       + "<td>" + '<th> </th>">'
       + "</td>"
   + "</tr>"

   )

});

var roomRef = firebase.database().ref('/KTV-Bar/' + loggeduser + '/Room');
roomRef.on('child_added', function (snapshot) {

    mRetrieveRooms = snapshot.val();
    rooms = mRetrieveRooms.room;


    var select = document.getElementById("selectRoom");
    for (var i = 0; i < rooms.length; i++) {
        var opt = rooms[i];
        var el = document.createElement("option");
        el.textContent = opt;
        el.value = opt;
        select.appendChild(el);
    }

});