Question

我正在尝试在选择下拉菜单中单击选项时运行某个功能。我尝试了onChange事件（内联html）......它正在工作但只在我换另一个选项时才运行该函数（我知道这是onChange的作用）。但我需要的是，当有人点击该选项时，该功能立即运行。

这是我的HTML代码：

<select id="Bname" onchange="updateClicked()" name="Bname"></select>

就像我说的那样，该函数工作正常，并且onchange事件有效，但是我需要在选择菜单中单击选项后立即触发该函数的东西。

由于

Answer 1

我认为你做对了，你不想听change。

<select id="Bname">
 <option value="volvo">Volvo</option>
 <option value="saab">Saab</option>
 <option value="mercedes">Mercedes</option>
 <option value="audi">Audi</option>
</select>

然后附加一个事件监听器，并检查所选的选项以触发该选项的特定操作。

 var sel = document.getElementById('Bname');

 sel.addEventListener("change", myFunction);

 function myFunction() {

   if ( sel.value === 'volvo' ) {
     // Do stuff
   }

   console.log(sel.value);

 }

单击选择选项时运行功能？

1 个答案: