0

セッション オブジェクトにいくつかの国名リストを設定しています。このリストを使用して JSP にドロップダウンを設定し、選択オプションの各国名の前にフラグ イメージを動的に追加する必要があります。以下のコードは機能しません。

    <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 ブラウザーでのみ機能します。

通常のデフォルトのドロップダウン コントロールは画像をサポートしていないようです。Javascript/CSS/Custom taglibを使用してこれを達成するのを手伝ってくれる人はいますか? コードで jQuery を使用したくありません。

4

2 に答える 2

0

JavaScript画像コンボボックスを試すことができます

お役に立てれば。

于 2012-05-11T10:00:40.823 に答える
0

テキストボックスを追加し、

を作成する

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

テキストボックスにフォーカスすると、country_dropdown が表示され、ぼかしまたはクリックすると、ul が非表示になります。

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

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

于 2012-05-11T10:01:40.170 に答える