根据输入值单击链接

Question

您好，我想知道有没有一种方法可以单击带有按钮的链接，但是我想根据输入值单击该链接？

对不起，英语不好

function clicklink() {
    document.getElementsByClassName("hud-link")[0].click();
}

<div class="hud">
    <a class="hud-link" href="https://stackoverflow.com">Link Here 1</a>
</div>
<br>
<div class="hud">
    <a class="hud-link" href="https://google.com">Link Here 2</a>
</div>
<br>
<div class="hud">
    <a class="hud-link" href="https://yahoo.com">Link Here 3</a>
</div>
<br>
<div class="hud">
    <a class="hud-link" href="https://bing.com">Link Here 4</a>
</div>
<br>
<input type="number" min="0" max="4" value="0">

<button onclick="clicklink();">Click Link</button>

Answer 1

您首先要获取按钮和输入元素作为变量。然后，您需要将.value的{​​{1}}用作input选择器中的索引。

此外，您还想通过在按钮上添加事件监听器来调用Unobtrusive JavaScript。

这可以在下面看到：

.getElementsByClassName()

const button = document.getElementsByTagName('button')[0];
const input = document.getElementsByTagName('input')[0];

button.addEventListener('click', function() {
  document.getElementsByClassName("hud-link")[input.value].click();
});

Answer 2

您可以尝试以下代码：

function clicklink() {
var number = document.getElementsByTagName("input")[0].value;
  document.getElementsByClassName("hud-link")[number].click();
}