我正在使用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

09-25 19:53