Question

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

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

如何为每个变量分配每个值（0,1,2,3,4），以便在点击时显示在表单中？

Answer 1

就像那样

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

有关文档

，请参阅this page

Answer 2

我认为你想显示所选选项的价值。这是你的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>

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

2 个答案: