I want to hide an optgroup element when it doesn't have any option element which cannot be selected. In the example below the first optgroup element shall be shown and the second should be hidden. optgroup { display: none; }…
i have a select fieldwith an optiongroup on a website that will be populated by ajax. <select id="wlistid" name="wlistid"> <optgroup label="My List"></optgroup> <optgroup label="Brother List"> <option value="5">First</option> <option value="8">Second</option> </optgroup> </select> i use this code to load the select: $('#wlistid').load('ajax.php',{'ajaxcall':'getOptions');…
data 0: {id: 1, banks: 'b1', code: 'active'} 1: {id: 2, banks: 'b2', code: 'parking'} 2: {id: 3, banks: 'b3', code: 'safe'} 3: {id: 4, banks: 'b4', code: 'active'} 4: {id: 5, banks: 'b5', code: 'safe'} 5: {id: 6, banks:…
I am working on a woocommerce site and I need to find a way to group select options in optgroups. My option are stored as array like aray = [ "A4 1.9tdi (2003-2009)", "A4 2.0tdi (2003-2009)", "Passat B7 1.9tdi(2003-2009)", "Passat…