optgroup

I have a dynamically populated (by ajax) select box with resulting options like that: <select id="destination" name="destination"> <option value="london-paris">London-Paris</option> <option value="paris-london">Paris-London</option> <option value="london-newyork">London-New-York</option> <option value="newyork-london">New-York-London</option> <option value="london-berlin">London-Berlin</option> <option value="berlin-london">Berlin-London</option> <option value="london-helsinki">London-Helsinki</option> <option value="helsinki-london">Helsinki-London</option> ... there are actually more of them

I want to use a select element for mobile viewing of my website. Following is the select options. HTML: <select name="select-choice-8" id="select-choice-nc"> <optgroup label="News"> <option value="feature">Fea</option> <option value="current">Current</option> <option value="research">Research</option> </optgroup> <optgroup label="Archive"> <option value="archive">Archive</option> </optgroup> <optgroup label="Video"> <option value="">Video</option> </optgroup> <optgroup label="Submit"> <option value="">Story</option> <option value="">Event</option> </optgroup> </select> I want use JavaScript /

I have a select box in which i can select multiple options. In the select box are multiple optgroups. Is there an easy way to select a whole optgroup at once in javascript? I suggest using jQuery (or another framework) to quickly handle DOM selections. Give each optgroup a class to make it easier to grab it. $("optgroup.className").children().attr('selected','selected'); If you want to select the entire group based on the user selecting the group, do the following: $("optgroup.className").select(function(e) { $(this).children().attr('selected','selected'); }); **Both examples are untested

I am a little bit lost. I am getting this JSON: [{ "id": "210", "name": "Name 1", "category": "Category 1" }, { "id": "187", "name": "Name 2", "category": "Category 1" }, { "id": "186", "name": "Name 3", "category": "Category 1" }, { "id": "185", "name": "Name 4", "category": "Category 1" }, { "id": "184", "name": "Name 5", "category": "Category 1" }, { "id": "183", "name": "Name 6", "category": "Category 1" }, { "id": "182", "name": "Name 7", "category": "Category 1" }, { "id": "181", "name": "Name 8", "category": "Category 2" }, { "id": "180", "name": "Name 9", "category": "Category 3" }, {

I have a dropdown menu with a PHP 'foreach' that I loop through to populate the select options. This works well. However, what I'd like to do is have various sub labels using the "optgroup" option. In my returned array, I have a "type" of "blue", "green" and "red". How can I split the select options up into groups based on the $album['type']? This is the code I have: $query = mysql_query("SELECT * FROM background_albums); $albums = array(); while($row = mysql_fetch_assoc($query)) { array_push($albums, $row); } <select name="backgroundList" id="backgroundList"> <? foreach($albums as $album) { ?

I am developing a drop down menu that uses HTML optgroups for group names that employees are a part of. Here is the MySQL query and output: mysql> SELECT employees.emp_id,employees.empname,employees.grp_id,groups.groupname FROM employees left join groups on employees.grp_id = groups.grp_id order by groupname asc; +--------+------------+--------+-----------+ | emp_id | empname | grp_id | groupname | +--------+------------+--------+-----------+ | 20 | Employee 2 | 13 | Group 1 | | 19 | Employee 1 | 13 | Group 1 | | 21 | Employee 3 | 14 | Group 2 | +--------+------------+--------+-----------+ 3