Drop down menu 从下拉列表中调用colorbox

我试图实现从下拉菜单调用colorbox项。使用这个例子，我如何从下拉菜单中简单地调用这些链接？除了IE之外，它似乎在所有浏览器中都能正常工作，没有任何额外的脚本。我相信这将是一个简单的修复任何人与真正的编码技能。有人能帮我吗？

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

我不能说这是否有效，但是为什么不尝试一下将这些代码放到JSFIDLE中，我会看看是否可以帮助您调试出现的任何问题

发件人：

编辑：updadate colorbox init:

---

可能显示您当前的代码？或者创建一个JSFIDLE？你试过什么吗？您发布的JSFIDLE只是colorbox示例页面中的直接代码，没有明显的解决问题的尝试。你看过说明书了吗？你必须至少表现出一些努力——这不是一个“为我做事”的地方……我真的认为这将是一个我缺少的简单事件处理程序。ie：因为代码直接来自于colorbox页面，所以我认为对于专业的程序员来说，这可能是一个简单的解决方案。我是一个设计师，被抛出代码来使用，而不是一个强大的程序员。这个解决方案确实有效，但只从列表中返回一个URL。我需要从所选选项的href标记中提取一个值。我尝试使用$.colorbox{iframe:true，width:80%，height:80%，href:function{var url=$this.attr'href'；}；但这也不起作用。看起来你有一些额外的代码。试试……href:$this.attr'href'}；我只是更新了一下。。。如果这有帮助，请确保投上一票和/或打勾-它确实会触发事件，但不会拉入URL。跳转到404页。让我觉得它没有得到thisref作为值。仍然没有返回值。

<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> 

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