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不允许您向select元素添加元素，但显然EasyDropDown将select转换为列表。任何帮助将不胜感激。

谢谢！

Answer 1

我阅读了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

EasyDropDown.js和链接

1 个答案: