選擇選項更改時，將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 && cardID ==“creditcard”添加附加費。

onchange事件將在上面的示例中發送選擇ID“cardType”。

如何讓它發送所選選項的ID？

理想情況下沒有jquery，因為我不會將它用於其他任何事情，而寧願避免為此添加它。

Answer 1

this.options[this.selectedIndex]將引用所選的選項，從中可以得到.id或.value。

Answer 2

只要通過“這個”。

與文本框不同，您不能僅從select獲取.value 。 您需要根據所選索引獲取值。

addSurcharge(this)

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