jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery Chosen:如何限制所选值的数量并提供错误消息大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用jQuery Chosen for 2< SELEct>元素.每个元素包含相同的值,我使用循环将选定的值放入数组中,并禁用已放入该数组中的所有值,而不是选定的选项.换句话说:我总是禁用doppleganger.

我试通过使用数据属性“maxpersons”来限制最后一个循环所选值的数量,并将其与所选值的数量进行比较.

不幸的是,这只适用于尚未预先选择选项的情况.如果是,有人仍然可以再选择一个值.哪个不应该被允许.

另外,我想把一个< p> < SELEct>旁边的标记达到最大值时的元素,并在尚未达到最大值时自动将其删除.

任何帮助将非常感谢!这是JS fiddlehttp://jsfiddle.net/dq97z/28/

解决方法

您可以在document.ready()事件中添加您在change()事件中使用的相同代码.像这样,
    

$(document).ready(function(){
    var SELEcted = [];
    var chosen='.chzn-SELEct';
    $(chosen).parent().parent().find("option")
      .each(function () {
        if (chosen.SELEcted) {
          SELEcted[chosen.value] = this;
        }
      })
      .each(function () {
        this.disabled = SELEcted[this.value] && SELEcted[this.value] !== chosen;
      })
      .each(function () {
        if ($(this).parent().data('maxpersons') === $(this).parent().find('option:SELEcted').length) {
          $(this).parent().find('option:not(:SELEcted)').prop('disabled',truE);
        }
      });
    $('.chzn-SELEct').trigger("liszt:updated");
})

感谢您的代码片段……!

大佬总结

以上是大佬教程为你收集整理的jQuery Chosen:如何限制所选值的数量并提供错误消息全部内容,希望文章能够帮你解决jQuery Chosen:如何限制所选值的数量并提供错误消息所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。