[英]javascript dropdown - on select go to url
I'm using ddSlick dropdown because it also has images. 我正在使用ddSlick下拉列表,因为它也有图像。 When you select a value nothing happens. 当您选择一个值时,什么也不会发生。 How do I make it go to facebook.com or twitter.com if they are selected? 如果选择它们,我该如何进入facebook.com或twitter.com? Here is code: 这是代码:
var ddData = [
{
text: "Facebook",
value: "FB",
description: "Description with Facebook",
imageSrc: "http://dl.dropbox.com/u/40036711/Images/facebook-icon-32.png"
},
{
text: "Twitter",
value: "TWT",
description: "Description with Twitter",
imageSrc: "http://dl.dropbox.com/u/40036711/Images/twitter-icon-32.png"
}
];
$('#demoBasic').ddslick({
data: ddData,
width: 300,
imagePosition: "left",
selectText: "Select your favorite social network",
onSelected: function (data) {
console.log(data);
}
});
It uses these files: jquery 1.7.2. 它使用以下文件: jquery 1.7.2。 and ddslick.js 和ddslick.js
kinda quick and dirty, but you can add additional attribute to the object that you pass: 有点麻烦,但是您可以向传递的对象添加其他属性:
var ddData = [
{
text: "Facebook",
value: "FB",
description: "Description with Facebook",
imageSrc: "http://dl.dropbox.com/u/40036711/Images/facebook-icon-32.png",
url:"http://www.facebook.com"
},
{
text: "Twitter",
value: "TWT",
description: "Description with Twitter",
imageSrc: "http://dl.dropbox.com/u/40036711/Images/twitter-icon-32.png",
url:"http://www.twitter.com"
}
];
$('#demoBasic').ddslick({
data: ddData,
width: 300,
imagePosition: "left",
selectText: "Select your favorite social network",
onSelected: function (data) {
window.location = data.selectedData.url;
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.