Изо всех сил пытается отобразить все элементы в объекте mongoDB - PullRequest
Новая
       11

Изо всех сил пытается отобразить все элементы в объекте mongoDB

0 голосов
/ 11 июня 2019

Я создал форму, которую пользователь может добавить в участника группы.Если им нужно больше участников группы, рядом с этим полем есть опция «+», которая дает им еще одну строку для добавления другого участника.

Я изо всех сил пытаюсь понять, как отобразить всех участников группы., поскольку количество варьируется в зависимости от того, сколько пользователь будет вводить, но также каждый член находится в своем элементе в объекте.

Мне посоветовали вкладывать элементы, но я изо всех сил стараюсьзаставить это работать.

/ * как мои объекты выглядят на MongoDB * / 

_id: 5cff8150a9ba5988c4528346
jam_title: "BRUNT catch up 2"
genre: "Rock/Funk"
date_of_jam: "30 June, 2019"
jam_location: "Pirate Studios, Bristol"
jam_postcode: "BS5 0BJ"
jam_members: "Ed"
jam_instruments: "Drums"
jam_member_1: "Bruno"
jam_instrument_1: "Guitar"
jam_member_2: "Will"
jam_instrument_2: "Bass"
jam_notes: "Lock Jaw"

/ * как это закодировано на странице добавления * / 

<div class="row" id="members-section">
        <span class="input-field col s6">
            <input id="jam_member_1" name="jam_member_1" type="text">
            <label for="icon_prefix">Member Username</label>
        </span>
        <span class="input-field col s5">
            <input id="member_instrument_1" name="member_instrument_1" type="text">
            <label for="icon_prefix">Instrument</label>
        </span>
        <span class="input-field col s1">
            <a class="waves-effect waves-light btn" id="new-member_1" onclick="newMember()">+</i></a>
        </span>
    </div>

/ * как выглядит функция newMember * / 

<script type="text/javascript">
    var i = 1;
    function newMember() {
        i++;
        console.log(i);
        document.getElementById("members-section").innerHTML += `<span class="input-field col s6">
            <input id="jam_member_${[i]}" name="jam_member_${[i]}" type="text">
            <label for="icon_prefix">Member Username</label>
        </span>
        <span class="input-field col s5">
        <input id="member_instrument_${[i]}" name="member_instrument_${[i]}" type="text">
            <label for="icon_prefix">Instrument</label>
        </span>
        <span class="input-field col s1">
            <a class="waves-effect waves-light btn" id="edit" onclick="newMember()">+</i></a>
        </span>`;

}
</script>

Я бы ожидал, что какой-то цикл for будет сортировать это, но я не могу понять, как это сделать.

...