【问题标题】:How to add checkbox for each dropdown list element in jsp如何在jsp中为每个下拉列表元素添加复选框
【发布时间】:2015-03-09 13:30:38
【问题描述】:

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

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

【问题讨论】:

  • 你试过什么?有不同的 Javascript 库允许您这样做
  • 桑,我已经粘贴了我的代码,我使用“多个”来选择多个项目。我想要复选框。

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


【解决方案1】:

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

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

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

【讨论】:

  • 如果这篇文章对你有帮助,你能接受它作为答案吗?
【解决方案2】:

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

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-08
    • 1970-01-01
    • 1970-01-01
    • 2013-11-26
    • 1970-01-01
    • 2020-12-18
    相关资源
    最近更新 更多