【问题标题】:Use Jquery validation for validating dropdown selected item使用 Jquery 验证来验证下拉所选项目
【发布时间】:2012-12-02 12:42:33
【问题描述】:

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

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

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

【问题讨论】:

  • 谁说用键盘改时onchange不起作用?但是,如果您的流程没有应用真正的 onchange 事件,请使用 onfocus 事件作为列表选项!

标签: jquery validation drop-down-menu jquery-validate


【解决方案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>

【讨论】:

  • 感谢您的回答,它有效,但仅在 IE 中有效......似乎它与浏览器不兼容
  • 我在 chrome、firefox 和 IE 上对其进行了测试,这三个都适用于我
  • 也使用最新的 jquery 库
猜你喜欢
  • 2014-11-06
  • 1970-01-01
  • 2012-03-12
  • 2011-05-31
  • 2012-01-02
  • 2012-07-21
  • 1970-01-01
相关资源
最近更新 更多