选择选项更改时，将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（）函数会向信用卡添加交易费用 例如如果值== 2＆amp;＆amp; cardID ==“creditcard”加上附加费。

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

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

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

Answer 1

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

Answer 2

只需传递“此”。

与文本框不同，您不能只从.value抓取select。您需要根据所选索引获取值。

addSurcharge(this)

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