rainboiboi
New Member
I have multiselect as follow:\[code\] <select id="select-id" data-placeholder="Click here to choose categories to display" class="chzn-select" multiple tabindex="1"> <option value=""></option> <optgroup label="Group 1"> <option value="http://stackoverflow.com/questions/15878979/val1" >val1</option> <option value="http://stackoverflow.com/questions/15878979/val2">val2</option> <option value="http://stackoverflow.com/questions/15878979/val3" >val3</option> </optgroup> <optgroup label="Group 2"> <option value="http://stackoverflow.com/questions/15878979/val1" >val1</option> <option value="http://stackoverflow.com/questions/15878979/val2">val2</option> <option value="http://stackoverflow.com/questions/15878979/val3" >val3</option> </optgroup> </select>\[/code\]However I would like the group itself to be selectable and if selected then the group values should not be available.Is this possible with standard html or with some javascript library.Currently I use chosen.js to enhance the dropdown.