从Javascript获取选项值并进行验证

我想在我的下拉标签中包含欧洲国家的信息。我想根据国家来计算。我的意思是：如果用户从下拉列表中选择“奥地利”，那么将为奥地利进行计算。为此，我必须从

标记中获取奥地利值并进行一些验证。我试图通过

.innerHTML

获取

值（国家名称），但没有成功。你能帮我做这个吗？谢谢。：）

我将在下面分享我的代码

   //HTML
   <select>
    <option>Austria</option>
    <option>Belgium</option>
    <option>Bulgaria</option>
    <option>Czechia</option>
    <option>Denmark</option>
    <option>Finland</option>
    <option>France</option>
    <option>Germany</option>
    <option>Greece</option>
    <option>Hungary</option>
    <option>Iceland</option>
    <option>Ireland</option>
    <option>Italy</option>
    <option>Latvia</option>
    <option>Luxembourg</option>
    <option>Netherlands</option>
    <option>Norway</option>
    <option>Poland</option>
    <option>Portugal</option>
    <option>Slovak Republic</option>
    <option>Slovenia</option>
    <option>Spain</option>
    <option>Sweden</option>
    <option>Switzerland</option>
    <option>Turkey</option>
    <option>United Kingdom</option>


</select>

//JAVASCRIPT

var myButton = document.getElementById("calculate-button");
var myAmount = document.getElementById("input-amount");
var myText = document.getElementById("h3-amount");
var currencyUSD = "$"
var currencyEUR = "€"
var options = document.querySelectorAll("option");

myButton.addEventListener("click",function(){


for(var i = 0;i<options.length;i++){
if(options[i].innerHTML === "Austria"){

  calc(0.20);
 }
}


 })

 function taxCalc(tax){
 return myAmount.value * tax;
}


  function calc(taxRate){
    if(myAmount.value.length > 0) {
    myText.innerHTML = "Your Tax: " + parseFloat(taxCalc(taxRate)) + " " + currencyEUR;
    myAmount.value="";

   }
 }

//HTML
奥地利
比利时
保加利亚
捷克
丹麦
芬兰
法国
德国
希腊
匈牙利
冰岛
爱尔兰
意大利
拉脱维亚
卢森堡
荷兰
挪威
波兰
葡萄牙
斯洛伐克共和国
斯洛文尼亚
西班牙
瑞典
瑞士
土耳其
大不列颠联合王国
//JAVASCRIPT
var myButton=document.getElementById（“计算按钮”）；
var myAmount=document.getElementById（“输入金额”）；
var myText=document.getElementById（“h3金额”）；
var currencyUSD=“$”
var currencyEUR=“€”
var options=document.querySelectorAll（“选项”）；
myButton.addEventListener（“单击”，函数（）{
对于（变量i=0；i 0）{
myText.innerHTML=“您的税收：”+parseFloat（taxCalc（taxRate））+“”+currencyEUR；
myAmount.value=“”；
}
}

将value属性添加到

选项

中，然后在更改时获取value属性并调用函数进行计算

document.getElementById（“计算按钮”）.addEventListener（“更改”，函数（e）{
console.log（this.value）
})

奥地利
比利时
大不列颠联合王国

将value属性添加到

选项

中，然后在更改时获取value属性并调用函数进行计算

document.getElementById（“计算按钮”）.addEventListener（“更改”，函数（e）{
console.log（this.value）
})

奥地利
比利时
大不列颠联合王国

我为所有国家/地区的每个

设置值。我可以轻松地将

控制台.log

设置为

此.value

。在这一点上，一切都很正常

但问题是，当用户单击按钮时，我必须使用我的

calc（）

函数，我必须进行验证。这是我的部分代码。我无法执行逻辑：(

---

我为所有国家/地区的每个

设置值。我可以轻松地将

控制台.log

设置为

此.value

。在这一点上，一切都很正常

但问题是，当用户单击按钮时，我必须使用我的

calc（）

函数，我必须进行验证。这是我的部分代码。我无法执行逻辑：(

---

我试试这个。谢谢。我试试这个。谢谢。

var options = document.getElementById("select-list");


options.addEventListener('change', function() {
console.log(this.value) //works well here

 //for example I wanted to do this. 

 if(this.value === "austria"){
  calc(2);
 }

  else if(this.value ==="belgium"){
  calc(3);
 }

 })