javascript - Javascript不适用于asp.net MVC中多选下拉列表的onchange事件
问题描述
我在 ASP.NET MVC 视图中有以下 Razor 代码
<div id="rolesValues" class="case-assignment-hide">
@Html.DropDownList("ddlRoleValues", new SelectList(@Model.Roles, "Key", "Value"), new {@id= "ddlRoleValues", @class = "form-control case-assignment-rule-use-values", multiple = "multiple" })
<span class="field-validation-valid help-block" data-valmsg-replace="true"></span>
</div>
下面是我的javascript来捕捉dropdownlist
我放在里面的更改事件$(document).ready(function ()
$("#ddlRoleValues").on("change", function () {
alert('I got the hit');
});
我注意到,只要dropdownlist
项目选择发生变化,这个事件就不会被触发。
以下是浏览器中呈现的 HTML
<div class="col-sm-4 case-assignment-rule-value-selection">
<div class="select2-container select2-container-multi form-control case-assignment-rule-values" id="s2id_ddlRoleValues">
<ul class="select2-choices">
<li class="select2-search-choice">
<div>Manager</div>
<a href="#" onclick="return false;" class="select2-search-choice-close" tabindex="-1"></a>
</li>
<li class="select2-search-field">
<input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" id="s2id_autogen1" style="width: 34px;">
</li>
</ul>
</div>
<select class="form-control case-assignment-rule-values select2-offscreen" id="CaseAssignmentRules[0].RuleValues" multiple="multiple" name="CaseAssignmentRules[0].RuleValues" tabindex="-1" data-val="true" data-val-required="This field is required.">
<option value="aae">Manager</option>
<option value="aad">Manager Supervisor</option>
<option value="ab1">Accommodations Manager</option>
<option value="ab0">Service Representative</option>
<option value="84d">demo</option>
<option value="ab2">Employee</option>
<option value="ab4">Human Resource</option>
<option value="aaf">Case Manager</option>
<option value="ab3">Supervisor</option>
</select>
<span class="field-validation-valid help-block" data-valmsg-replace="true" data-valmsg-for="CaseAssignmentRules[0].RuleValues"></span>
</div>
我错过了什么吗?
解决方案
// Try using the class instead of id
$(document).on("change", ".case-assignment-rule-values", function () {
alert('I got the hit');
});
推荐阅读
- c++ - 为什么有人会使用 int 而不是 bool 数据类型?
- regex - 正则表达式将第一组与某些文本匹配
- sql - 'regex_replace' 不是可识别的内置函数名称
- javascript - 我想制作一个包含脚本的 html 属性,但我无法管理“this”进入我的脚本
- java - 提高HashMap的速度
- html - 减少 svg 图像的厚度(箭头)
- c++ - 无论类型如何,如何从模板类的方法返回 std::string?
- javascript - 如何根据对象值返回布尔值?
- python - 输出音频不过是静态的
- macos - lsof 是否有替代选项来检测 macOS 上进程的打开文件?