我有一个输入表单，它允许我从多个选项中进行选择，并在用户更改选择时执行一些操作。例如,
<select onChange="javascript:doSomething();">
<option>A</option>
<option>B</option>
<option>C</option>
</select>
现在，doSomething()只在选择改变时被触发。
我想在用户选择任何选项时触发doSomething()，可能是相同的选项。
我已经尝试使用“onClick”处理程序，但在用户开始选择过程之前被触发。
那么，是否有一种方法在用户每次选择时触发一个函数?
更新:
Darryl提出的答案似乎有效，但并不总是有效。有时，当用户单击下拉菜单时，甚至在用户完成选择过程之前，事件就会被触发!
当前回答
几个月前我做设计的时候也遇到了同样的问题。我发现的解决方案是在你正在使用的元素上使用.live("change"， function())结合.blur()。
如果你想让它在用户点击时做一些事情，而不是改变，只需用点击替换改变。
我为我的下拉菜单分配了一个ID，选择并使用如下:
$(function () {
$("#selected").live("change", function () {
// do whatever you need to do
// you want the element to lose focus immediately
// this is key to get this working.
$('#selected').blur();
});
});
我看到这个问题没有选择答案，所以我想我应该给出我的建议。这对我来说非常有效，所以希望其他人在遇到困难时可以使用这段代码。
http://api.jquery.com/live/
编辑:使用on选择器而不是.live。参见jQuery .on()
其他回答
我曾经遇到过类似的需求，最终为同样的-写了一个angularjs指令
Guthub链接-角选择
使用元素[0].blur ();将焦点从选择标记上移除。逻辑是触发这种模糊的第二次点击下拉菜单。
即使用户在下拉菜单中选择了相同的值，也会触发As-select。
DEMO - link
<script>
function abc(selectedguy) {
alert(selectedguy);
}
</script>
<select onchange="abc(this.selectedIndex);">
<option>option one</option>
<option>option two</option>
</select>
这里你有一个返回的索引，在js代码中你可以使用这个返回一个开关或任何你想要的东西。
实际上，当用户使用键盘更改选择控件中的选择时，onclick事件不会触发。您可能必须使用onChange和onClick的组合来获得您正在寻找的行为。
onclick方法并不是完全糟糕，但正如前面所说，当没有通过鼠标单击更改值时，它不会被触发。 但是可以在onchange事件中触发onclick事件。
<select onchange="{doSomething(...);if(this.options[this.selectedIndex].onclick != null){this.options[this.selectedIndex].onclick(this);}}">
<option onclick="doSomethingElse(...);" value="A">A</option>
<option onclick="doSomethingElse(..);" value="B">B</option>
<option onclick="doSomethingElse(..);" value="Foo">C</option>
</select>
首先，你使用onChange作为事件处理程序，然后使用标志变量，使它做你想要的功能，每次你做一个改变
<select
var list = document.getElementById("list"); Var标志= true; 列表。Onchange = function () { 如果(国旗){ 文档。背景=“红色”; Flag = false; 其他}{ 文档。背景=“绿色”; Flag = true; ｝ ｝ <选择id = "列表" > <选项> op1 > < /选项 <选项> op2 > < /选项 <选项> op3 > < /选项 < /选择>
