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

Question

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

<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>

Answer 1

开箱即用，HTML 不支持此功能。您将不得不使用 JavaScript 和 HTML 的组合来达到预期的效果。使用 multiple 属性你应该得到类似的行为，但如果你的可用性要求有检查列表，那么你可以尝试以下方法

• 首先创建一个隐藏字段，其值将用于识别用户选择。
• 渲染带有一组复选框和标签的 div（使用 CSS 以获得所需的效果）
• 单击复选框时，检查复选框的状态并适当地更新在步骤 1 中创建的隐藏字段中的值。

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

Answer 2

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

这是一个很好的起点。据我所知，您将不得不使用一些 JavaScript。另外，使用像 jQuery 这样的库会使它更容易实现。

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

你只需要写一个 select html 元素，然后像这样使用 JS 函数渲染它。