Выбранное максимально выбранное событие не стреляет

Question

Выбранное максимально выбранное событие не стреляет

0

Я использую jquery selected.js плагин http://harvesthq.github.io/chosen/ и установил ограничение, которое пользователь может выбрать как 5, используя {max_selected_options}. Тем не менее, я хотел бы вызвать предупреждение, если пользователь попытается выбрать более 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>

user1532468 13 май 2014, в 13:14

Источник

Теги:

jquery

jquery-chosen

1 ответ

Ещё вопросы

vivek · Accepted Answer · 2014-05-13T09-31-00.000Z

Попробуйте следующий код.

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

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

В вашем коде выше событие maxselect находится за пределами $ (document).ready...