fancybox 弹出执行 select 选项

Question

我有一个 json 文件，包含一系列图片。我有精美的盒子安装，当您单击图像时，将出现一个内联 div。在内联 div 中，我显示图像并有一个下拉框来显示 selecting 的选项。我的想法是select一个选项然后转到相应的页面。我可以让它与链接一起使用，但我希望它使用下拉功能。花式框 window 内不会执行任何函数。

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

此外，如果 "touch" 功能造成一些问题，您可以禁用它：

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

fancybox 弹出执行 select 选项

fancybox popup execute select option

html

javascript

css

jquery

fancybox