javascript - 如何检查我是否连续两次选择了相同的下拉列表选项？

Question

假设我有一个简单的下拉列表，我可以从中自由选择我想要的任何选项。

我可以通过 JavaScript 将所选选项的值存储在变量中:

var checkValue = function(){
  const mySelect = document.getElementById("cars");
  let currentValue =  mySelect.options[ mySelect.selectedIndex ].value;
  console.log(currentValue);
}

<select id="cars" onchange="checkValue()">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

问题:

1. 如何检查我是否选择了相同的下拉列表选项连续两次，换句话说，如果 currentValue 的值有改变？

2. 使用 AngularJS 会让这个任务变得更容易吗？怎么办？

Answer 1

var arr = [];
var checkValue = function() {
  const mySelect = document.getElementById("cars");
  let currentValue = mySelect.options[mySelect.selectedIndex].value;

  if ($.inArray(currentValue, arr) != "-1") {
    console.log("already selected");
  } else {
    arr.push(currentValue);
    console.log(currentValue);
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<select id="cars" onchange="checkValue()">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>