EasyDropDown.js and links

Question

我正在使用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不允许您将元素添加到选择元素，但显然EasyDropDown将选择转换为列表。任何帮助将不胜感激。

谢谢！

Answer 1

我阅读了EasyDropDown的源代码.js似乎它将列表内容设置为

option.title

所以也许尝试设置类似的东西

<option title='<a href="/apex/RD">1</a>' value="1">1</option>

注意转义内部的"s ^ 以上不起作用，因为我们不能像这样在标题中嵌入 html EasyDropdown 的以下部分.js可以通过更改 .title .val（） 来修改以适应此应用程序

        $.each(self.options, function(){
            var option = this,
                active = option.selected ? ' class="active"':'';
            self.$dropDown.append('<li'+active+'>'+option.title+'</li>');
        });

这是更改它的地方..搜索EasyDropdown.js