jquery - 使用 Jquery 验证来验证下拉所选项目

Question

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

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

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

Answer 1

试试这个，

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>

html代码：

<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>