【问题标题】:create a dropdown list with check boxes inside it创建一个下拉列表,其中包含复选框
【发布时间】:2012-07-21 18:04:50
【问题描述】:

如何使用普通的 Html 和 javascript 创建一个带有复选框的下拉列表?如果不可能,是否有机会使用 c#.net 来满足此要求?请帮帮我。

【问题讨论】:

  • 作为新手,sn-ps 代码会有很大帮助!!

标签: c# javascript html checkbox dropdownbox


【解决方案1】:

试试this。它将多选变成带有复选框的下拉列表

【讨论】:

  • 您的示例完全符合我的要求,但无法正确理解它的源代码。你能举一个简单的小例子吗?
  • 只需要包含js文件即可。之后,您需要编写a$.WhenToUse = 'class'; ,其中class 是您应用于多项选择的类,您需要表现得好像它们与复选框一样
【解决方案2】:

创建您自己的下拉列表。

  • C#.Net 方法:This 正是您所需要的。我不会复制代码,因为它在链接中已明确说明。
  • HTML / JS 方法:

     <html> 
      <head> 
        <title>Scrolling Checkboxes</title> 
        <script type="text/javascript"> 
        </script> 
       </head> 
      <body> 
       <div id="ScrollCB" style="height:150;width:200px;overflow:auto"> 
        <Label><input type="checkbox" id="scb1" name="scb1" value="1" />First Item</Label><br /> 
        <Label><input type="checkbox" id="scb2" name="scb2" value="2" />Second Item</Label><br /> 
        <Label><input type="checkbox" id="scb3" name="scb3" value="3" />Third Item</Label><br /> 
        ...
       </div> 
      </body> 
     </html> 
    

你可以在这里试试:http://jsfiddle.net/aUQdW/

【讨论】:

  • input types 和 line breaks(br) 都是独立的标签,应该像 &lt;br\&gt; 一样关闭。将标签与复选框相关联也很棒,因为单击标签会选择/取消选择关联的 checlbox
  • 我看不到下拉列表中的复选框。这段代码需要修改吗?
【解决方案3】:

对于CSharp中带有复选框的下拉列表,您必须使用Windows Control的CheckedListBox。使用一些属性,您可以获得所需的内容。您可以为列表中的项目设置Checked-Unchecked。

【讨论】:

  • 我使用的是 MVC3 架构。我需要视图中的复选框列表。你能把那个checkboxlist的coden-p放上去吗?
【解决方案4】:

类似this?

或者总是可以使用像this这样的jQuery/javascript插件

【讨论】:

    猜你喜欢
    • 2021-12-06
    • 1970-01-01
    • 2010-12-08
    • 1970-01-01
    • 1970-01-01
    • 2020-12-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多