如何为jsp中的每个下拉列表元素添加复选框

时间:2015-03-09 13:30:38

标签: java jquery html jsp drop-down-menu

我想使用复选框从下拉列表中选择几个项目。

<div multiple size="2" id="-">
<select name="-" class="-" id="-" multiple>
    <option value="<s:property value="-"/>" selected="selected">                   
      <fmt:message  key="-" /></option>
    <s:iterator status="status" value="-">
        <option
            <s:iterator status="-" value="-"  id="-">                                           
                selected="selected"
            </s:iterator>
            value='<s:property value="-"/>'>
            <fmt:message key="-"></fmt:message>
        </option>
    </s:iterator>
</select>

2 个答案:

答案 0 :(得分:1)

开箱即用,HTML不支持此功能。你将不得不使用JavaScript和amp; HTML实现了预期的效果。使用multiple属性时,您应该得到类似的行为,但如果您的可用性要求使用支票列表,那么您可以尝试以下方法

  • 首先创建一个隐藏字段,其值将用于标识用户选择。
  • 使用一组复选框和标签渲染div(使用CSS以获得所需效果)
  • 单击复选框,检查复选框的状态,并在步骤1中创建的隐藏字段中相应地更新值。

注意:您可以找到许多提供类似行为的库。你可以找到它here

答案 1 :(得分:1)

http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html

这是一个很好的资源来源。据我所知,你将不得不使用一些JavaScripts。此外,使用像jQuery这样的库将使其更容易实现。

$("#s1").dropdownchecklist();

你只需要编写一个select html元素,并使用像这样的JS函数来渲染它。