【问题标题】:Custom user option input in Select2 4.x?Select2 4.x 中的自定义用户选项输入?
【发布时间】:2016-10-29 23:27:20
【问题描述】:

有一种方法可以在不使用 tags 模式的情况下在 Select2 中添加自定义用户输入。

这就是,创建一个自定义选择输入,保留选择样式,没有那个内联块小标签。

此外,我使用 AJAX 和其他主题外的东西找到了很多答案,其中没有一个是我的问题的解决方案

【问题讨论】:

    标签: jquery jquery-select2 jquery-select2-4


    【解决方案1】:

    有一个简单的方法来实现这个功能:

    tags: true // let users input his/her own value
    multiple: false // forces the select to keep a true select style
    

    工作小提琴(2016-10-29):

    $("select").select2({
      multiple: false,
      tags: true
    });
    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
    
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
    
    <p>
      <a href="https://jsfiddle.net/odahcam/q096tskj/4/">Original Fiddle by @odahcam</a>
    </p>
    
    <select style="width:100%">
      <option>story</option>
      <option>bug</option>
      <option>task</option>
    </select>

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-02-03
      • 2018-06-06
      • 1970-01-01
      • 2021-10-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多