当我在 vanilla js 中选择 <select> 选项时如何更改 <a> href答案

【问题标题】：How to change <a> href when I chose a <select> option in vanilla js当我在 vanilla js 中选择 <select> 选项时如何更改 <a> href
【发布时间】：2019-10-18 21:00:38
【问题描述】：

我正在尝试在 a 之间创建一个连接，如果我选择了一些 VALUE，那么在 JavaScript 中是否有可能？

<html>
<head></head>
<body><select id="worldsize">
                           <option value="small_world" selected="">Small</option>
                           <option value="normal_world">Normal</option>
                           <option value="huge_world">Huge</option>
                           <option value="infinte_world" disabled="">Infinite</option>
                        </select>
<a name="a "class="for_a_button CreateANewWorldButton Checkout" href="?START_S" id="button_click">Create an new World</a>

</body>
</html>

【问题讨论】：

添加 onchange 处理程序以选择标签并通过 document.getelmentById('button_click')
是的，这很容易实现。到目前为止，您尝试过什么？
拦截select元素的change事件：developer.mozilla.org/en-US/docs/Web/API/HTMLElement/…
要收听的经典事件是onchange。然而，更现代的方法是oninput，它将多个事件接口统一在一个保护伞下，并极大地简化了开发人员为了将特定例程绑定到正在更改的表单元素的值而需要经过的循环和循环。

标签： javascript php html css

【解决方案1】：

<html>
<head></head>
<body><select id="worldsize" onchange="change(this.value)">
                           <option value="small_world" selected="">Small</option>
                           <option value="normal_world">Normal</option>
                           <option value="huge_world">Huge</option>
                           <option value="infinte_world" disabled="">Infinite</option>
                        </select>
<a name="a "class="for_a_button CreateANewWorldButton Checkout" href="?START_S" id="button_click">Create an new World</a>


<script>

function change(val){
  document.getElementById("button_click").href= val;
}

</script>

</body>
</html>

【讨论】：

为选择标签添加 onchange() 函数