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>

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

1 个答案: