Как получить один предмет из списка опций

Question

Я пытаюсь получить один элемент из моей базы данных из списка опций ejs.

здесь мой код

<form action="/chords/id" method='POST'>
    <select name="root" id="root">
        <%chords.forEach(function(chord){%>
            <option value="<%=chord.id%>"><%=chord.root%></option>
       <% }) %>
    </select>
    <select name="type" id="type">
        <%chords.forEach(function(chord){%>
            <option value=""><%=chord.type%></option>
       <% }) %>
    </select>
    <select name="extension" id="extension">
        <%chords.forEach(function(chord){%>
            <option value=""><%=chord.extension%></option>
       <% }) %>
    </select>


    <input type="submit" value='SUBMIT'>

</form>

В моей базе данных есть 4 ключа: root, type, extension инота.Моя идея заключается в том, что я выбираю root, type и extension из списка опций, тогда это должно вернуть мне ноту аккорда и напечатать chord.note на странице.Как я могу это сделать ?Что я должен передать в форме действия для маршрута?Пожалуйста, помогите мне, спасибо

Answer 1

Вы забыли установить chord.id в значение option для расширения и типа.

Проверьте в примере

Answer 2

Я не знаю о ejs, но в JavaScript мы не можем сделать что-то подобное при отправке события:

const select = event.target.elements['select']
const optionValue = select.options[select.selectedIndex].value

console.info('Value:', optionValue)

НТН