Javascript 如何更改.getElementById.value并将每个值分配给变量

我有5个变量和一个函数：

function key(id){
    document.getElementById('songs').value
    =document.albums.names.selectedIndex
}

如何将每个值0,1,2,3,4分配给每个变量，以便在单击时以表格形式显示？

就像这样

<select>
  <option value="1">Volvo</option>
  <option value="2">BMW</option>
  <option value="3">Mercedes</option>
  <option value="4">Audi</option>
</select>

---

有关文档，请参见

我认为您希望显示所选选项的值。这是您的javascript函数

function getSelectedSong() {
    var songVal = document.getElementById("songs");
    var e = document.getElementById("select_song");

    var selectedSong = e.options[e.selectedIndex].value;
    songVal.innerHTML = selectedSong;

}

和相关的html代码将被删除

<div id="songs"></div>
<select id="select_song">
    <option value="0">Song1</option>
    <option value="1">Song2</option>
    <option value="2">Song3</option>
    <option value="3">Song4</option>
</select>
<button onclick="getSelectedSong()">Pick Song</button>

---

var1=key0。。。。。var5=key4？你可以考虑清楚地回答这个问题，答案近乎完美。你知道如何使它在选择值=1时，只有沃尔沃会出现，而不是所有的值吗？@Tom抱歉，我不明白你想做什么。@Tom如果你想让它第一次为空，没有默认值。然后您只需要selectedIndex=-1