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，模糊或单击 li 隐藏 ul。

不需要 jquery 来实现这一点。

也使用 div 而不是文本框并将值保持为隐藏。

于 2012-05-11T10:01:40.170 回答