jquery – 下拉列表中的复选框

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

<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插件.

解决方法

这种方法没有任何问题(如何将它包装在div中,就像你的第二个例子).使用CSS来设置您希望列表中的复选框的样式是完全正常的.