點擊提交按鈕

我一直在尋找的結果網頁整天來解決我的問題後，在收藏我怎麼能打開一個圖像從下拉選項列表...點擊提交按鈕

我想要的選項列表，每個鏈接到不同的圖像。然而，我不想在新窗口中打開圖像，而是希望在同一頁面上的Lightbox中打開圖像（用於wordpress的lightbox evolution是我正在使用的插件）。

我已經嘗試在輸入字段中使用onclick，並且燈箱將打開（如class =「lightbox」），但沒有圖像加載。

我不知道是否需要添加一個函數，該函數將允許輸入識別哪個選項被選中，以便在單擊輸入按鈕時該特定圖像在Lightbox中打開。

如果我確實需要一個函數，我不知道在哪裏添加函數... onclick？在選項標籤的某處，或選擇標籤？

<form> 
<select> 
<option value="linkimage1.jpg">image 1</option> 
<option value="linkimage2.jpg">image 2</option> 
<option value="linkimage3.jpg">image 3</option> 
<input type="button" value="submit" /> 
</select> 
</form>

任何幫助，將不勝感激，哪怕它是一個很好的鏈接可以解釋我怎麼能創建一個函數，並把它添加到我的代碼，然後用一個解決方案，調用函數到我的下拉。

感謝

來源

2013-03-12 user2150003

如果使用iLightBox http://ilightbox.net/可以是這樣做的：

<select id="selectImage"> 
    <option>Select Image</option> 
    <option value="linkimage1.jpg">image 1</option> 
    <option value="linkimage2.jpg">image 2</option> 
    <option value="linkimage3.jpg">image 3</option> 
</select> 

<script> 
    jQuery(document).ready(function($){ 
     $('select#selectImage').change(function(){ 
      var $this = $(this), 
       url = $this.val(); 

      $.iLightBox(url); 
     }); 
    }); 
</script>

來源

2013-03-31 22:18:38

點擊提交按鈕

回答

相關問題