我希望具有相同的表下拉值

Question

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);
    }

});

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

我该如何解决这个问题？

Answer 1

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

progressDialog.setButton(DialogInterface.BUTTON_NEGATIVE, "Cancel", new DialogInterface.OnClickListener() {
    @Override
    public void onClick(DialogInterface dialog, int which) {
        Download_result.this.cancel(true);
        dialog.dismiss();
    }
});

var options = ["Make", "America", "Great", "Again"];

var firstDropdown = document.getElementById('first');
var secondDropdown = document.getElementById('second');

appendOptions(firstDropdown, options);

appendOptions(secondDropdown, options);

function appendOptions(elem, options) {
  options.forEach(function(value) {
    var option = document.createElement("option");
    option.text = value;
    elem.appendChild(option);
  });
}