1
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数据中填充了我的下拉列表,但它只填充了表的第一行下拉列表。
我该如何解决这个问题?
你有没有试着用一个共同的类,而不是相同的ID改变'select'箱?具有相同ID的多个元素不是有效的HTML。 – Varun
无论您从Firebase数据中获得哪些选项,都会将其保存在变量中。现在,将这些变量作为'options'附加到其他下拉菜单 –
@KalpeshSingh它不起作用。不过,只有第一行得到填充 – Earvin