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

How to change .getElementById.value and assign each value to a variable

本文关键字：分配 变量 何更改 getElementById value      更新时间：2023-09-26

>我有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>
相关文章：