fancybox弹出执行选择选项

Question

我有一个json文件激发图像数组。我很喜欢盒子安装，当你点击图片时，一个内联div会出现。在inline div中，我显示图像，并在下拉框中显示选择选项。我的想法是选择一个选项，然后转到相应的页面。我可以得到这个与链接工作，但我希望它使用下拉功能。在花哨框窗口中不会执行任何功能。

function fruitselect() { 
 
     var e = document.getElementById("mySelect"); 
 
var strUser = e.options[e.selectedIndex].value; 
 
    alert(strUser); 
 
};

<form> 
 
Select your favorite fruit: 
 
<select id="mySelect" onchange="fruitselect()"> 
 
    <option value="apple">Apple</option> 
 
    <option value="orange">Orange</option> 
 
    <option value="pineapple">Pineapple</option> 
 
    <option value="banana">Banana</option> 
 
</select> 
 
</form>

有没有办法做到这一点？

Answer 1

这是很难理解你的评论，我没有看到任何问题与您的代码：http://codepen.io/anon/pen/pPpVxe?editors=1010

此外，您还可以禁用“触摸”功能，如果它造成了一些麻烦：

<a data-fancybox data-options='{"src": "#content", "touch": false}' href="javascript:;"> 
    Open demo 
</a>