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