我有一个HTML选择列表,当选择一个项目时,它必须在其下面显示不同的信息.当通过单击(鼠标)选择一个选择列表项时,会触发onclick或JQuery更改事件,但是当用户使用按键(键盘)时,不会触发onclick或JQuery更改事件.

知道要监视什么事件才能确定所选列表项何时更改？

这是一个BASIC测试示例：

<select id="mylist" name="mylist">
    <option value="">(none)</option>
    <option value="1">Test 1</option>
    <option value="2">Test 2</option>
    <option value="3">Test 3</option>
</select>

<span id="myspan"></span>

<script type="text/javascript">
    $("#mylist").change(function() {
        $("#myspan").html($("#mylist").attr("selectedIndex"));
    });
</script>

解决方法:

当选择框失去焦点时,代码将运行
(按Tab键或在选择框之外单击任意位置)