javascript - 如何从选项列表中获取一项

我正试图从我的数据库中从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，然后返回chord的注释并在页面上打印chord.note。我该怎么做？我应该在路线的表单操作中传递什么？请帮帮我，谢谢

最佳答案

我不知道ejs，但在JavaScript中，提交事件时我们不能这样做：

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

console.info('Value:', optionValue)

高温高压