Question: I am trying to get checkboxes within a select dropdown (multiple) as below:

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

```

I think the above is not a valid one as the checkboxes are appearing outside the select.

So I tried a different approach:

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

```

and then using css to style the div

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

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

```

is this a good approach? Can anyone suggest if there are other alternatives available for this kind of use like using jquery plugins.

Answer: 
There is nothing wrong with this approach (how you wrapped it in a div above Ie your second example). Using CSS to style how you want your checkboxes inside of your list is perfectly fine.
In addition to the checkbox list plugins NgM listed, you can also make the select element a multi select (`multiple=true`, I think), which might accomplish the same thing you're after.