javascript - 当选择选项更改时将 id 传递给函数

Question

我有一个选择列表。 当选择一个选项时，我需要将其值和 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，但我需要区分信用卡和借记卡。

addSurcharge() 函数将向信用卡添加交易费用 例如如果 value == 2 && cardID == "creditcard"添加附加费。

onchange 事件将发送上面示例中的选择 ID“cardType”。

如何让它发送所选选项的 ID？

理想情况下没有 jquery，因为我不会将它用于其他任何用途，并且宁愿避免仅出于此目的添加它。

Answer 1

this.options[this.selectedIndex] 将引用所选选项，从中您可以获得 .id 或 .value。