drop-down-menu - 从下拉列表中调用颜色框

Question

我正在尝试从下拉菜单中调用颜色框项目。使用这个例子，http://www.jacklmoore.com/colorbox/example4/，我怎么能简单地从下拉菜单中调用这些链接？它似乎在除 IE 之外的所有浏览器中都能正常工作，无需任何额外的脚本。我敢肯定，对于任何具有真正编码技能的人来说，这将是一个简单的解决方案。谁能帮我吗？

Answer 1

我在快速谷歌搜索后发现了类似的东西

我不能说这是否有效，但你为什么不试一试将这段代码放入你的 jsfiddle 中，我会看看我是否可以帮助你调试出现的任何问题。

来自：https ://groups.google.com/forum/?fromgroups=#!topic/colorbox/OM85IPMoyP4

<select name="howheard" id="howheard" class="validate[required]"> 
  <option value="http://example1.com">Example 1</option> 
  <option value="http://example2.com">Example 2</option> 
  <option value="http://example3.com">Example 3</option> 
</select> 

编辑：更新 colorbox() 初始化：

<script> 
   $(document).ready(function(){ 
      $("#howheard").change(function () { 
          var thisHref = $(this).val();
          $.colorbox({iframe:true, width:"80%", height:"80%", href: thisHref}); 
      }); 
   }); 
</script>