我正在使用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元素后保留排序顺序?
谢谢.
我有一个下拉选择输入(使用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)