【问题标题】:Is there a way for the jQuery plugin select2 to retain the class of each select option?jQuery插件select2有没有办法保留每个选择选项的类?
【发布时间】:2016-10-16 18:32:36
【问题描述】:

我正在使用 jQuery 插件 select2,我想知道是否有任何方法可以让它保留(合并)你在初始 select 字段中的每个 option 元素上设置的类并将其作为附加类插入到生成的li 标记中?

所以目前他们得到了select2-results__option的类;我想要的是:select2-results__option myclass

这个可以吗?

此外,它必须是一个类,即使保留data 属性也可以。

【问题讨论】:

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


    【解决方案1】:

    根据 select2 插件的文档,您可以通过覆盖创建结果的函数来做到这一点https://select2.github.io/examples.html#tags

    function formatState (state) {
      if (!state.id) { return state.text; }
      var $state = $(
        '<span><img src="vendor/images/flags/' + state.element.value.toLowerCase() + '.png" class="img-flag" /> ' + state.text + '</span>'
      );
      return $state;
    };
    
    
    
    $(".js-example-templating").select2({
      templateResult: formatState
    });
    

    【讨论】:

    • 你展示的那个例子允许我编辑数据 inside &lt;li&gt; 标签,有没有办法放置/编辑 &lt;li&gt; 标签本身?
    • 你为什么要这么做?
    • 因为它是最干净的解决方案,并且目前是我设置其他代码的方式;目前我在&lt;li&gt; 上有一个伪元素,基于它们是什么孩子,但是我现在需要将其更改为基于类,因此我想将类添加到相同的&lt;li&gt; 标签,但是如果这不能做到,那么我想我会走另一条路。 :)
    • 很高兴接受这一点,因为它运行良好,只是将我的编码更改为在 span 上使用伪元素。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-20
    • 2013-05-08
    • 2019-04-19
    • 1970-01-01
    相关资源
    最近更新 更多