Javascript 选择选项可以有多个值吗？

我想知道是否可能有代码，其中选择选项有两个不同的值（影响两个不同的东西）

基本上，我正在尝试创建一个选项，根据选择的不同，它会改变价格，也会改变按下按钮将指向的链接

我在这里的一篇文章中发现了这个代码，它工作得非常完美，但我希望在选择菜单和按钮之间添加一个价格，这也会受到选择的影响

例如

仅1年-50美元[按钮链接到正确的购买链接]

订阅（每年计费）-$45/年[按钮链接到正确的购买链接]

对不起，我解释得不太清楚

<select id="menu">
<option selected="selected" disabled="">Please choose an option</option>
<option value="https://checkout-1-year">1 Year</option>
<option value="https://checkout-subscription">Subscription (Billed Annually)</option>
</select>

<input type="button" id="goBtn" value="Purchase">

<script type="text/javascript">
var goBtn = document.getElementById("goBtn");
var menu = document.getElementById("menu");

goBtn.onclick = function() {
window.location = menu.value;
}
</script>

请选择一个选项
一年
订阅（每年计费）
var goBtn=document.getElementById（“goBtn”）；
var menu=document.getElementById（“菜单”）；
goBtn.onclick=函数（）{
window.location=menu.value；
}

它们不能有两个值，但您可以设置

值和
数据-
属性，该属性可以存储您喜欢的任何字符串，然后使用

下面是一个例子：


const list=document.getElementById（“菜单”）；
console.log（list.options[1].value，list.options[1].dataset.value）；
console.log（list.options[2].value，list.options[2].dataset.value）

请选择一个选项
一年
订阅（每年计费）