如何更改圖片的選擇下拉列表項目

我正在製作一個Html應用程序。我有我的文件夾中的圖像數量。我想調用我的HTML應用程序中的所有圖像，我想改變每個項目的選擇上的圖像，就像假設我有下拉列表，其中包含4個花名，我也使用一個圖像標籤。我想在選擇每個花項目時更改每個圖像，這怎麼可能。請幫助我。提前感謝。如何更改圖片的選擇下拉列表項目

來源

2011-09-14 Sandeep

剛剛回答同一個問題。使用jQuery：http://stackoverflow.com/questions/7402428/working-with-dropdownlist-box-in-html-for-changing-of-image/7402565#7402565 查詢請求之前。 – Samich

我對jquery沒有任何意見。所以我們可以通過使用javascript來解決這個問題，如果是的話，那麼請幫助我 – Sandeep

如果你不使用jQuery你可以嘗試這樣的事：

<select onchange="document.getElementById('preview').src = this.value"> 
    <option value="f1.jpeg">Flower 1</option> 
    <option value="f2.png">Flower 2</option> 
    <option value="f3.jpg">Flower 3</option> 
    <option value="f4.gif">Flower 4</option> 
</select> 

<img id="preview">

來源

2011-09-14 05:53:24 cvsguimaraes

很好，它是工作。感謝您的幫助，並且可以建議我哪個網站是w3schools.com以外的一個好網站，用於學習jquery。 – Sandeep

玩得開心！ http://docs.jquery.com/Main_Page – cvsguimaraes

，如果你有類「myitem」結束這些項目是由「身份證」標籤所列的項目，選擇的項目有一個額外的類「選擇」和你的圖像有類「myImage」，你可以用javascript和jQuery來做到這一點：

$('.myitem').each(function() { 
    if ($(this).hasClass('selected')) 
    { 
    $('.myImage').attr('src') = 'path-to-images/image'+$(this).attr('id')+'.jpg'; 
    } 
});

來源

2011-09-14 05:56:16 ninjaaa

如何更改圖片的選擇下拉列表項目

回答

相關問題