从下拉列表中选择时的事件

Question

    <select (change)="f1()">
<option value="a">Option1</option>
<option value="b">Option2</option>
</select>

假设用户从下拉列表中选择option2，那么f1（）将在下拉列表的值发生更改时执行，我正在监听更改事件。现在，用户再次单击下拉列表并选择option2，在这种情况下，下拉列表的值不变，因此f1不会执行。现在，我希望每次用户从下拉列表中选择某个值时都执行f1，无论值是否更改。

Answer 1

一个简单的解决方法是使用< code>onclick，您的< code>f1()将在您每次单击下拉菜单时触发。

这里有一个例子

<select id="mySelect" onclick="myFunction()">
  <option value="1">1
  <option value="2">2
  <option value="3">3
</select>

<p id="demo"></p>

<script>
var clicks = 0;
function myFunction() {
    clicks++;
    var x = document.getElementById("mySelect").value;
    document.getElementById("demo").innerHTML = "You selected: " + x + " Clicks" + clicks;
}
</script>