Question

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

让我们说用户从下拉列表中选择option2，然后f1（）将被执行，因为下拉列表的值已经改变，我正在收听更改事件。现在再次用户单击下拉列表并选择option2，在这种情况下，下拉列表的值不会更改，因此不会执行f1。现在我希望每次用户从下拉列表中选择一些值时执行f1，无论值是否发生变化。

Answer 1

一个简单的解决方法是使用onclick，每次点击下拉菜单时都会触发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>

从下拉列表中选择的事件

1 个答案: