下拉菜单中的复选框

Question

我想在选择下拉列表(多个)中获取复选框,如下所示:

<select name="select_dd" size="5" multiple>
       <option value="1"><input type="checkbox" name="chk_val" value="1" />1</option>
</select>

我认为以上不是有效的,因为复选框出现在选择之外.

所以我尝试了一种不同的方法:

<div id="selectlist">
    <ul>
        <li><input type="checkbox" name="chk_val" value="1" />1</li>
        <li><input type="checkbox" name="chk_val" value="1" />1</li>
    </ul>
</div>

然后用css来设置div的样式

#selectlist{
border:1px solid;
height:50px;
overflow-y:scroll;
width:auto;
text-align:left;

}
#selectlist ul{
list-style-type: none;
}

这是一个好方法吗？任何人都可以建议是否有其他替代品可供此类使用,如使用jquery插件.

Answer 1

请参阅:
http ://harvesthq.github.com/chosen/
或者:
http ://www.erichynds.com/jquery/jquery-ui-multiselect-widget/或者:http
:
//code.google.com/p/jquery-tree /
或:
http ://code.google.com/p/dropdown-check-list/
或ASP.NET控件的这个:http:
//www.codeproject.com/Articles/24205 /多选-下拉-控制