如何使用data-attr在选择框中创建锚

Question

当从选择框中选择一个选项时，我想创建一个锚。

<select class="form-select name" onchange="location = this.value;">
<option value="Naam" selected>Naam</option>             
<option class="" value="index.php?name=John">John</option>
<option class="" value="index.php?name=Susan">Susan</option>
</select>

但是我更喜欢将锚从值中分离出来。所以我认为这样的东西也应该工作，但不幸的是:

<select class="form-select name" onchange="location = this.attr.data-anchor;">
<option value="Naam" selected>Naam</option>             
<option class="" data-anchor="index.php?name=John" value="John">John</option>
<option class="" data-anchor="index.php?name=Susan" value="Susan">Susan</option>    
</select>

是否有一种方法，我可以使用像data-anchor和触发的值与选择?

Answer 1

应该可以:

<select class="form-select name" onchange="location = (this.selectedOptions[0].dataset.anchor);">
<option value="Naam" selected>Naam</option>             
<option class="" data-anchor="index.php?name=John" value="John">John</option>
<option class="" data-anchor="index.php?name=Susan" value="Susan">Susan</option>    
</select>