ドロップダウンリスト項目の選択時に画像を変更する方法

1つのHtmlアプリケーションを作成しています。私は自分のhtmlアプリケーション内のすべての画像を呼びたいと思うし、私は4花の名前を含むドロップダウンリストを持っていると私はまた、私は使用していると仮定して、各項目の選択に画像を変更したい1つの画像タグ。各花柄の選択について、どの画像をどのように変えたいですか。 Plsは私を助けます。事前に感謝します。ドロップダウンリスト項目の選択時に画像を変更する方法

出典

2011-09-14 Sandeep

同じ質問でちょうど答えられました。 jQueryを使用する：http://stackoverflow.com/questions/7402428/working-with-dropdownlist-box-in-html-for-changing-of-image/7402565#7402565 質問する前に検索してください。 – Samich

私はjquery.Soについて何の考えも持っていません。私たちはjavascriptを使用してこのクエリを解決できますか？pls help me – Sandeep

あなたはこのような何かを試みることができるのjQueryを使用していない場合：あなたはクラスでアイテムを持っている場合は、「MYITEM」は、これらの項目を終了

<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

great、それは働いています。あなたの助けてくれてありがとう、そしてjQueryを聞くためのw3schools.com以外の良いサイトを教えてください。 – Sandeep

楽しんでください！ http://docs.jquery.com/Main_Page – cvsguimaraes

が「ID」タグによって列挙され、選択した項目は、追加のクラスを持っています"選択済み"で、画像にクラス "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

ドロップダウンリスト項目の選択時に画像を変更する方法

答えて

関連する問題