optgroup

In Symfony2 , the select html component is rendered as a ChoiceType object, which is used indeed also for checkboxes and radiobuttons . Does someone really know how to render a select with the optgroup option in Symfony2 ? For sake of completeness, here I report an example of a select with the optgroup tag (example from w3cschools ): <select> <optgroup label="Swedish Cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> </optgroup> <optgroup label="German Cars"> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </optgroup> </select> Moreover

I have a JQGrid column with edittype:'Select' using dataUrl to return a list of Accounts with groups for the different Account groups. My issue: when saving the row no value is passed to the editurl for my Select column. If i remove the 's a value is passed to editurl for my Select column. Description: For my column data I return the Account Name, not the value, so when the grid loads the name is displayed. When a line is edited (in-line editing), the dataUrl is called and the select list is displayed and my Account is selected for the rows data. I then select a new Account from the Select

Is there a way to hide option or optgroup HTML elements? I've tried calling hide() in jQuery, and also using regular Javascript to set style.display='none' . It works in Firefox but not in any other browsers. Actually removing them from the DOM does work, so perhaps there's a way to save each DOM element when it's removed, and reinsert them in the same place? My HTML is like this: <select name="propsearch[area]" id="propsearch_area"> <option value="0">- Any -</option> <optgroup label="Bristol"> <option value="Hotwells">Hotwells</option> <option value="Montpelier">Montpelier</option> </optgroup

Is there any way to make the option group selectable? <select> <optgroup value="0" label="Parent Tag"> <option value="1">Child Tag</option> <option value="2">Child Tag</option> </optgroup> </select> grifos I don't think you can but you can easily reproduce the visual style with css and thus only have options in your select, so everything is selectable. .optionGroup { font-weight: bold; font-style: italic; } .optionChild { padding-left: 15px; } <select multiple="multiple"> <option value="0" class="optionGroup">Parent Tag</option> <option value="1" class="optionChild">Child Tag</option> <option

Just trying to indent optgroup blocks by nesting depth really, I've tried a general margin-left rule, nested elements then trying to apply the same rule, tried padding-left ... is indenting like this possible? It seems elementary :P In the example below, the optgroup labelled 'client2_a' should be indented more than the others, because it is nested inside 'client2'. http://jsfiddle.net/Tb5Rc/5/ eliel 8/29/2016 Edit The original answer below is no longer functional in modern browsers. For those who still need to use a tag instead of doing magic with HTML lists, a better solution was found on