如何解决jasp和javascript的jQuery多选问题
我正在使用插件进行多重选择:Bootstrap Multiselect(http://davidstutz.de/bootstrap-multiselect/)
这是我在aspx头中的列表框:
<script type="text/javascript">
$(function () {
$('[id*=LB_Kostenart]').multiselect({
includeSelectAllOption: false,enableFiltering: false,filterPlaceholder: 'Suchen...',nonSelectedText: 'Kostenart wählen',allSelectedText: 'Alle',selectAllText: 'Alle',numberDisplayed: 1,maxHeight: 150
});
});
</script>
这很好。我尝试将所选选项限制为仅一个。这是插件页面上的示例:
<script type="text/javascript">
$(document).ready(function() {
$('#example-limit').multiselect({
onChange: function(option,checked) {
// Get selected options.
var selectedOptions = $('#example-limit option:selected');
if (selectedOptions.length >= 4) {
// Disable all other checkboxes.
var nonSelectedOptions = $('#example-limit option').filter(function() {
return !$(this).is(':selected');
});
nonSelectedOptions.each(function() {
var input = $('input[value="' + $(this).val() + '"]');
input.prop('disabled',true);
input.parent('li').addClass('disabled');
});
}
else {
// Enable all checkboxes.
$('#example-limit option').each(function() {
var input = $('input[value="' + $(this).val() + '"]');
input.prop('disabled',false);
input.parent('li').addClass('disabled');
});
}
}
});
});
我也将代码复制到了aspx页面的开头,并用#example-limit
更改了[id*=LB_Kostenart]
,但这是行不通的。使用F12,我发现列表框在运行MainContent_LB_Kostenart
时被调用。但这也不起作用。
onChange
函数必须使用的正确名称是什么?谢谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。