我有一个输入表单，它允许我从多个选项中进行选择，并在用户更改选择时执行一些操作。例如,
<select onChange="javascript:doSomething();">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
现在，doSomething()只在选择改变时被触发。
我想在用户选择任何选项时触发doSomething()，可能是相同的选项。
我已经尝试使用“onClick”处理程序，但在用户开始选择过程之前被触发。
那么，是否有一种方法在用户每次选择时触发一个函数?
更新:
Darryl提出的答案似乎有效，但并不总是有效。有时，当用户单击下拉菜单时，甚至在用户完成选择过程之前，事件就会被触发!
当前回答
这是我的解，和这里的解完全不同。它使用鼠标位置来确定是否单击了某个选项，而不是单击选择框打开下拉菜单。它利用事件。屏幕y位置，因为这是唯一可靠的跨浏览器变量。必须首先附加悬停事件，以便在单击事件之前计算出控件相对于屏幕的位置。
var select = $("select");
var screenDif = 0;
select.bind("hover", function (e) {
screenDif = e.screenY - e.clientY;
});
select.bind("click", function (e) {
var element = $(e.target);
var eventHorizon = screenDif + element.offset().top + element.height() - $(window).scrollTop();
if (e.screenY > eventHorizon)
alert("option clicked");
});
这是我的jsFiddle http://jsfiddle.net/sU7EV/4/
其他回答
使用jquery:
<select class="target">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
<script>
$('.target').change(function() { doSomething(); });
</script>
我知道这个问题现在已经很老了，但是对于仍然遇到这个问题的人来说，我已经通过向我的选项标记添加onInput事件来实现了这一点，然后在被调用的函数中，检索该选项输入的值。
<选择id='dropdown' on输入='myFunction()'> <选项value = " 1 " > < /选项> <选项value = " 2 " > < /选项> 选择< - > < p >输出:< / p > <跨越id =“输出”> < /跨越> <类型=“短信/ javascript脚本”> 我的功能() var optionValue =文档。getElementById(“dropdown”)。 文件输出getElementById(“”)。内html =选择值; 的 剧本< - >
只是一个想法，但有可能把每个<option>元素的onclick ?
<select>
<option onclick="doSomething(this);">A</option>
<option onclick="doSomething(this);">B</option>
<option onclick="doSomething(this);">C</option>
</select>
另一种选择是在选择上使用onblur。这将在用户单击离开选择时触发。此时，您可以确定选择了什么选项。为了在正确的时间触发，选项的onclick可以模糊字段(在jQuery中使其他东西活跃或只是.blur())。
唯一对我有效的解决方案是完全重置SELECT on“onFocus”事件。这样，SELECT总是在"onChange"事件上"changes":
$('select').on('focus', function(ev) {
var $select = $(this);
var options = $select.html();
$select.empty();
$select.append(options);
});
$('select').on('change', function(ev) {
// Now the select element ALWAYS fires onChange
});
2022香草javascript
.．.因为这是谷歌的热门节目。
最初的海报没有要求一个JQuery解决方案，但所有的答案只演示JQuery或内联选择标签事件。
使用'change'事件监听器。
const selectDropdown = document.querySelector('select');
selectDropdown.addEventListener('change', function (e) { /* your code */ });
．.． 或者调用一个单独的函数:
function yourFunc(e) { /* your code here */ }
const selectDropdown = document.querySelector('select');
selectDropdown.addEventListener('change', yourFunc);
