javascript - EasyDropDown.js 和链接

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，可以通过更改 .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