how to add check box inside select tag

Question

I am trying to select multiple values inside a drop down using check boxes, I confused how to attain without changing TLD file. ie each option for the select will have the check box

sample code which iI work is below

 <form:select path="brandIds" id="brandDropdownSelectId" tabindex="31" multiple="true" size="4"  >
                            <option value="0">Select Brand</option>
                            <form:options items="${brandList}" itemValue="brandId"
                                itemLabel="brandName" checkbox="true"/>
                        </form:select>

Jigar Naik · Answer 1 · 2015-09-16T16:04:10.563

0

You can use external component like Twitter Bootstrap Multi-select

edited Sep 16 '15 at 16:04

answered Sep 16 '15 at 15:42

Jigar Naik

1,946
5
29
60

score 0 · Answer 2 · edited May 23 '17 at 12:10

0

You can never use Checkbox inside a Select tag. But, to solve this issue, we make use of CSS+Javascript to render the effect.

You define a empty select tag with a javascript function to alter the visibility of the checkboxes on click, and CSS plays the role of portraying the rendering in single effect.

This might help you: Adding checkboxes inside a Select Tag

edited May 23 '17 at 12:10

Community

1
1

answered May 07 '17 at 09:06

Abhishek Jain

630
6
26

how to add check box inside select tag

2 Answers2