javascript - 检查我的表单中的选项是否被选中将不起作用

Question

我正在尝试检查是否在我的表单中选择了某个选项(任何选项)，尽管它不起作用。

我正在检查不是具体的；这是我的代码:

if (document.getElementById('fillingtype') = selected;) {
  alert('yes');
} else {
  alert('no');
}

<select id="fillingtype" name="filling">
  <option id="tuna" value="tunamayo">Tuna Mayo</option>
  <option value="smokeychicken">Smokey Chicken + Crisp Lettuce</option>
  <option value="pizza">Meat Feast Pizza filling</option>
  <option value="hamcheese">Ham + Cheese</option>
</select>

我似乎无法让它工作，任何有关不同解决方案的建议将不胜感激。

Answer 1

我猜总有一个选定的值(默认情况下它将是金枪鱼蛋黄酱)，您可以在用户选择新值时添加一个监听器，如下所示:

document.getElementById('fillingtype').addEventListener('change',function(){ 
  console.log(this.value) 
});

<select id="fillingtype" name="filling">
  <option id="tuna" value="tunamayo">Tuna Mayo</option>
  <option value="smokeychicken">Smokey Chicken + Crisp Lettuce</option>
  <option value="pizza">Meat Feast Pizza filling</option>
  <option value="hamcheese">Ham + Cheese</option>
</select>