更改选择器中选择后按钮的href值

Question

我试图从querySelector设置按钮的链接，但值没有改变，我如何得到它设置的方式?

这个想法是改变按钮的链接，当我选择在下拉框中的值，所以我可以点击并打开链接。

我的尝试:

select_1
.on("change", function(d) {
var value_1 = d3.select(this).property("value");
document.querySelector('#botao-de-jogo-betfair-1').href = value_1;
});

button:

<button class="button" style="width: 100%;" id="botao-de-jogo-betfair-1" href="link selector" target="_blank">Jogo Betfair 1</button>

当我用<a的方式使用它时，我会把它放在下面，值会改变，但它会变得很奇怪，链接值在按钮内，我想就留下按钮:

<button class="button" style="width: 100%;" ><a id="botao-de-jogo-betfair-1" href="link selector" target="_blank">Jogo Betfair 1</a></button>

Answer 1

<button>没有href属性，所以你需要改变它的href属性:

select_1
.on("change", function(d) {
var value_1 = d3.select(this).property("value");
document.querySelector('#botao-de-jogo-betfair-1').setAttribute("href", value_1);
});