Javascript 更改选择选项时将id传递给函数

我有一个选择列表。 选择某个选项时，我需要将其值和id传递给javascript函数：

<select name="cardType" id="cardType" onchange="addSurcharge(this.value, this.id)">
  <option value="2" id="debitcard">Mastercard Debit Card</option>
  <option value="2" id="creditcard">Mastercard Credit Card</option>
</select>

万事达卡借记卡
万事达信用卡

万事达卡的值必须为2，但我需要区分信用卡和借记卡

函数的作用是：向信用卡增加交易费用 e、 g.如果值==2&&cardID=“信用卡”，则添加附加费

onchange事件将发送上面示例中的select id“cardType”

如何让它发送所选选项的id

---

理想情况下不使用jquery，因为我不使用它做任何其他事情，我宁愿避免仅仅为了这个目的而添加它。

this.options[this.selectedIndex]

将引用所选选项，从中可以获得.id或.value。

只需传递“this”

与文本框不同，您不能仅从

选择中获取
.value
。您需要根据所选索引获取值

addSurcharge(this)

function addSurcharge(sel) {
    val = sel[sel.selectedIndex].value
}