如何在jsp中使用javascript將圖像添加到下拉列表中

我正在設置會話對象中少數國家/地區的名稱。我需要使用此列表填充JSP中的下拉列表，並且還可以動態地在選擇選項中的每個國家/地區名稱前面添加標記圖像。下面的代碼不起作用：如何在jsp中使用javascript將圖像添加到下拉列表中

<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 /自定義taglib。我不想在我的代碼中使用jQuery。

來源

2012-05-11 sunny_dev

添加一個文本框，

上的文本框，顯示country_dropdown創建

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

焦點

，對模糊或點擊李隱藏UL。

沒有jquery需要做到這一點。

也使用div而不是文本框並將該值保持爲隱藏狀態。

來源

2012-05-11 10:01:40 skipy

hi @ sk08。感謝您的建議。我真的很感激，如果你可以用一些真實的代碼示例來展示這個，或者參考我可以從中獲取參考的任何鏈接。上述方法也適用於存儲在會話對象中的國家列表，還是隻適用於某些硬編碼的國家名稱？ –

您可以嘗試JavaScript image combobox

希望這有助於。

來源

2012-05-11 10:00:40

嗨@blasteralfred，感謝您的鏈接，但我已經訪問過它。這個鏈接已經提到它依賴於jQuery。我不想使用jQuery。謝謝。 –

如何在jsp中使用javascript將圖像添加到下拉列表中

回答

相關問題