javascript - 使用 html 选择选项值创建动态链接

Question

我想创建一个动态链接，其值选自 html 。以下是到目前为止我可以做的示例代码。

<select name="sequence" id="sequence" onChange="document.getElementById('selectedValue').innerHTML = this.value;">
    <option>file1</option>
    <option>file2</option>
    <option>file3</option>

    </select>

    <a href="data/file1"><span id="selectedValue"></span></a>

如何使用所选选项动态创建此链接。

Answer 1

function changeLink(val){
  document.getElementById('selectedValue').innerHTML = val;
  document.getElementById('link').href="data/"+val;
}

<select name="sequence" id="sequence" onChange="changeLink(this.value);">
  <option>file1</option>
  <option>file2</option>
  <option>file3</option>
</select>

<a id="link" href="data/file1"><span id="selectedValue"></span></a>