Javascript eashydropdown.js和链接
我用它来设计select元素的样式——它本质上通过jquery创建了一个漂亮的下拉菜单 我想知道是否有可能添加到我的选择选项之一的链接。基本上是这样的:Javascript eashydropdown.js和链接,javascript,jquery,html,select,href,Javascript,Jquery,Html,Select,Href,我用它来设计select元素的样式——它本质上通过jquery创建了一个漂亮的下拉菜单 我想知道是否有可能添加到我的选择选项之一的链接。基本上是这样的: <select id="db-select" class="dropdown"> <option value="1"><a href="/apex/RD">1</a></option> <option value="2">&l
<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>
1
注意转义内部的“s”
^上述方法不起作用,因为我们不能像这样在标题中嵌入html。可以通过更改.title.val()修改easydropdown.js的以下部分以适应此应用程序
$.each(self.options,function()){
var option=此,
active=option.selected?'class=“active”:'';
self.$dropDown.append(“”+option.title+”);
});
这是改变它的地方..search easydropdown.js很遗憾,这似乎不起作用。我不能用它作为标题,因为我需要逃离@slovak_100 mm,这确实是非常不幸的。但是,如果您愿意,您也许可以自己修改库以使用.val()而不是.titleYou不能在HTML属性值中使用反斜杠转义引号;这是针对JS的。请单引号引用
title
值并删除其中的反斜杠。
$.each(self.options, function(){
var option = this,
active = option.selected ? ' class="active"':'';
self.$dropDown.append('<li'+active+'>'+option.title+'</li>');
});