我正在使用EasyDropDown.js设置选择元素的样式-本质上是通过jquery创建了一个不错的下拉菜单。
我想知道是否可以将链接添加到我的选择选项之一。基本上是这样的:
<select id="db-select" class="dropdown">
<option value="1"><a href="/apex/RD">1</a></option>
<option value="2"><a href="/apex/SD">2</a></option>
<option value="3"><a href="/apex/AD">3</a></option>
</select>
不幸的是,似乎没有文档能够为我提供如何实现此目标的答案。当我加载页面时,下拉列表没有链接。
我知道标准HTML不允许您将元素添加到select元素,但是显然EasyDropDown会将select转换为列表。任何帮助,将不胜感激。
谢谢!
最佳答案
我阅读了EasyDropDown.js的源代码,似乎将列表内容设置为
option.title
所以也许尝试设置类似
<option title='<a href="/apex/RD">1</a>' value="1">1</option>
通知逃脱内部的
^上面的方法不起作用,因为我们无法在这样的标题中嵌入html,可以通过更改.title .val()来修改easydropdown.js的以下部分以适合该应用程序
$.each(self.options, function(){
var option = this,
active = option.selected ? ' class="active"':'';
self.$dropDown.append('<li'+active+'>'+option.title+'</li>');
});
这是更改它的地方。.搜索easydropdown.js