Question

我已经提到了select2 jquery插件提供的这个文档。 http://ivaynberg.github.io/select2/

但是，当我使用此代码来限制用户一次可以选择的选项数量时：

$(document).ready(function(){
    $(".select2").select2({ maximumSelectionSize: 2 });
    });

以下是select标签的html：

  <select id="store-name" name="state[]" class="select2-select-00 span6" multiple size="5"
            data-placeholder="Store" style="height:25px;">


        <?php foreach ($this->Store->get_all_stores_names() as $row) {

        //print_r($row);
          echo '<option value="' . $row->name . '"> ' . $row->name . '</option>';
        }
        ?>

    </select>

当我尝试限制它时，我在控制台中收到此错误，“Uncaught TypeError：Object [object Object]没有方法'select2'”。为什么？我的意思是select2工作正常，这意味着它正在加载js文件，那么为什么我无法限制它？感谢

Answer 1

使用 maximumSelectionLength ，如下所示：

$("#selectQQQ").select2({
    maximumSelectionLength: 3
});

<强>扩展

Select2有data-* attributes

意思是，您可以将maximumSelectionLength参数设置为HTML5数据属性，如下所示：

<select data-placeholder="Select a state" data-maximum-selection-length="2" ...>

限制Jquery select2最大选定选项

1 个答案: