使用Jquery验证验证下拉列表中的选定项

我正在使用Mvc web应用程序，我的页面中有一个简单的下拉列表。我的下拉列表有3个项目，每次更改时我都要检查所选项目

目前，我正在编写一个JavaScript函数来处理下拉“onchange”事件。但正如您所知，当您通过键盘切换下拉项时，不会触发此事件

在这种情况下，如何使用jquery自定义验证？我希望每次我的下拉列表中选定的项目发生更改时，都会发生某些事情，例如禁用文本框。

试试这个

Jquery代码：

$（函数（）{
$（'#下拉列表'）.change（function（）{
$（'#selectedValue'）.html（$（this.val（））；//只是想看看用户选择了什么值
if（$（this）.val（）=='2'）{//验证用户是否选择了值2并禁用文本框
$（'#textbox'）.attr（'disabled'，'disabled'）；
}
});
});

Html代码：

1.
2.
3.
4.

谁说使用键盘更改时onchange不起作用？但是，如果您的流程没有应用真正的onchange事件，请使用onfocus事件作为列表选项！谢谢你的回答，它只适用于IE。。。我在chrome、firefox和IE上测试了它，它在所有三种最新jquery库中都适用

<script language="javascript" type="text/javascript" src="js/jquery-1.8.2.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
    $('#dropdown').change(function() {  
    $('#selectedValue').html($(this).val()); // just to see what value did the user select
    if($(this).val()=='2'){// validating whether the user selected value 2 and disabling textbox
        $('#textbox').attr('disabled', 'disabled');
    }
});
});
</script>

<select name="dropdown" id="dropdown">
<option id="select1" value="1" selected="selected">1</option>
<option id="select2" value="2">2</option>
<option id="select3" value="3">3</option>
<option id="select4" value="4">4</option>
</select>
<input id="textbox" type="text" value="" />
<div id="selectedValue"></div>