Question

我正在使用jquery selected.js插件http://harvesthq.github.io/chosen/，并设置了用户可以使用{max_selected_options}选择为5的限制。但是，如果用户试图选择超过5个，我想触发警报。我已经尝试了以下代码，但这没有做任何事情。有人可以告诉我正确的编码方式，因为它让我疯狂。

由于

jquery代码

$(function() { 
$("#box_rtv").chosen({

 width: "250px",
 max_selected_options: 5

 });
 });
 $("#box_rtv").bind("chosen:maxselected", function () { alert("You can only select up to 5 boxes"); });
 $("#box_rtv").chosen().change( function () { alert("You can only select up to 5 boxes"); } );

html代码

<div class="fieldset">
    <h1><span>Select Box(es) Reference</span></h1>
      <p>
        <select data-placeholder="Choose a box..." multiple required="required" class="chosen-select" name="box_rtv[]" id="box_rtv">
          <option value=""></option>
        </select>
      <span></span>
        <a style="margin-left: 12px;" href="javascript:void(0)" class="brtvhelp">Help</a>
      </p>
    </div>

Answer 1

尝试以下代码..

    $(function() {
      $(".chosen-select").chosen({
        width: "100%",

        max_selected_options: 3
      });
      $(".chosen-select").bind("chosen:maxselected",
            function() {
                alert('Only Three selections');
        });
     });

在上面的代码中，maxselect事件在$（document）.ready ...

之外

选择未选择的最大选择事件

1 个答案: