jspでjavascriptを使用して画像をドロップダウンに追加する方法

Question

セッションオブジェクトのリストの数をいくつか設定しています。私は、このリストを使用してJSPでドロップダウンを設定し、selectオプションの各国名の前にフラグ画像を動的に追加する必要があります。 次のコードは動作しません：

<select id="refSelect" onChange="refreshRefList();" name='refSelect'> 
    <c:forEach var='flag' items="${sessionScope.flagList}"> 
     <option value="${flag}"> 
     <img src="./images/${flag}.PNG"/> <c:out value="${flag}" /> 
     </option> 
    </c:forEach> 
    </select> 

また、私は下のリンクを使用して、この使用してCSSを達成しようとしたが、それは、セッションリストのために失敗しただけのFirefoxブラウザで動作します。

• How to add a images in select list

通常のデフォルトのようです。ドロップダウンコントロールは画像をサポートしていません。誰も私がJavascript/CSS/Custom taglibを使ってこれを達成するのを助けることができますか？私は自分のコードでjQueryを使いたくない。

Answer 1

は、ショーのcountry_dropdownをテキストボックスにフォーカス上

<ul id="country_dropdown"><li><img src="urimage.png"/>Country</li>...</ul> 

を作成して、ぼかしの上またはLi上のクリックで、テキストボックスを追加し、ULを非表示にします。

これを達成するためにjqueryは必要ありません。

また、テキストボックスの代わりにdivを使用し、値を非表示にします。

Answer 2

あなたはJavaScript image combobox

を試みることは、この情報がお役に立てば幸いです。