我有一个输入表单，它允许我从多个选项中进行选择，并在用户更改选择时执行一些操作。例如,
<select onChange="javascript:doSomething();">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
现在，doSomething()只在选择改变时被触发。
我想在用户选择任何选项时触发doSomething()，可能是相同的选项。
我已经尝试使用“onClick”处理程序，但在用户开始选择过程之前被触发。
那么，是否有一种方法在用户每次选择时触发一个函数?
更新:
Darryl提出的答案似乎有效，但并不总是有效。有时，当用户单击下拉菜单时，甚至在用户完成选择过程之前，事件就会被触发!
当前回答
我发现的最佳解决方案是在select元素的第一个元素中添加一个禁用选项，以便所有其他项目都可以响应onchange事件中的单击。
<select onchange="doSomething()">
<option disabled selected value> -- select an option -- </option>
<option>A</option>
<option>B</option>
<option>C</option>
</select>
其他回答
当遇到类似的问题时，我所做的是在选择框中添加了一个“onFocus”，该选择框附加了一个新的通用选项(“选择一个选项”或类似的东西)，并默认将其作为所选选项。
这是我的解，和这里的解完全不同。它使用鼠标位置来确定是否单击了某个选项，而不是单击选择框打开下拉菜单。它利用事件。屏幕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/
添加一个额外的选项作为第一个，就像一个列的标题，这将是下拉按钮的默认值，然后单击它并在doSomething()的末尾重置，因此当选择a /B/C时，onchange事件总是触发，当选择为State时，什么都不做并返回。正如很多人之前提到的，Onclick非常不稳定。所以我们所需要做的就是做一个初始的按钮标签，这是不同于你的真正的选项，所以onchange将工作在任何选项。
<select id="btnState" onchange="doSomething(this)">
<option value="State" selected="selected">State</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
function doSomething(obj)
{
var btnValue = obj.options[obj.selectedIndex].value;
if (btnValue == "State")
{
//do nothing
return;
}
// Do your thing here
// reset
obj.selectedIndex = 0;
}
另一个解决方案是使用onMouseUp事件。 OnMouseUp也与相同的选项重新选择以及改变选项。
只有劣势。当打开下拉框时调用该代码，当做出选择时调用第二次。对于AJAX请求，请记住这一点。 如果这不会损害你的逻辑，你可以使用它作为一个简单的内联黑客。
<select id="bla" onmouseup="console.log( document.getElementById('bla').options[document.getElementById('bla').selectedIndex].value );">
<option value="0">A</option>
<option value="1">B</option>
</select>
这是最简单的方法:
<select name="ab" onchange="if (this.selectedIndex) doSomething();">
<option value="-1">--</option>
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>
</select>
工作与鼠标选择和键盘上/下键时，选择是集中。
