首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在vanilla js中选择<a>选项时如何更改<select> href

在vanilla js中选择<a>选项时如何更改<select> href
EN

Stack Overflow用户
提问于 2019-06-03 18:06:09
回答 1查看 200关注 0票数 1

我试图在a和之间建立一个连接,如果我选择了某个值,href会改变,在JavaScript中是可能的吗?

代码语言: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>
EN

回答 1

Stack Overflow用户

发布于 2019-06-03 18:15:40

代码语言:javascript
运行
复制
<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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56425104

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档