相关疑难解决方法(0)

防止多个select元素根据选项中索引的顺序自动排序分配给它的值

我正在使用select2插件将多个选择的html元素转换为更易于呈现的格式.另外我不认为我的问题非常依赖于插件.

该插件内部的作用是 -

this.select.val(val);
Run Code Online (Sandbox Code Playgroud)

where this.select 指向隐藏的多个select元素.

在将函数提供到例如-2,4,0
的值之上时 ,在我执行a时确认存储的值alert(this.select.val())0,2,4,即根据select元素中的选项顺序进行自动不需要的排序..:/

演示 - http://jsfiddle.net/rohanxx/DYpU8/(感谢Mark)

有没有办法在将值输入select元素后保留排序顺序?

谢谢.

html javascript jquery jquery-select2

6
推荐指数
1
解决办法
4381
查看次数

select2-基于选择顺序的颜色标签

我有一个下拉选择输入(使用select2插件构建),我的目标是每个选择的标签都采用color,以提高可读性。例如,第一个选择的标签将是蓝色,第二个将是红色等

我没有做到这一点,至少有两个原因:

  • 如何访问(DOM操作)所选标签?我可以访问select elmt的子级并检查它们是否被选中(使用data-select2-id?这是如何工作的,我不能在下面的示例中解释自己的值),但是由于我有10000+种可能性并且期望2 或3个选择,这似乎是次优的方法。

  • 如何指定颜色?

在这里阅读如何更改输入的背景色,但这根本不是我要尝试做的。

实际上,我需要标记采用特定的颜色,以便用户可以将其映射到图表中对应的彩色条目。

您能告诉我如何解决这个最小的例子(小提琴)吗?

一个类似的问题存在,却一直没有得到答复,且无最小的例子。

添加:根据该线程,解决方案可能是为每种可能的选项赋予颜色,如下所示。但是由于我有很多可能的选择,所以实际上并没有。

option.line1 {
    background-color: #000000;
    color: #ffffff;
}

option.line2 {
    background-color: #000000;
    color: #ffff00;
}


<option class="line1" value="menu1">Menu Item 1</option>
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery-select2

1
推荐指数
1
解决办法
1138
查看次数

标签 统计

html ×2

javascript ×2

jquery-select2 ×2

css ×1

jquery ×1