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() init を更新:

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