If a select menu contains optgroup elements, jQuery Mobile will create a divider & group items based on the label attribute's text:
+
If a select menu contains optgroup elements, jQuery Mobile will create a divider and group items based on the label attribute's text. The default theme for group dividers is "b" (blue in the default theme) but can be changed with the data-divider-theme attribute on the select menu:
From f504e1a54d6008b89739d88d6c51e72c8fd9291f Mon Sep 17 00:00:00 2001
From: Maurice Gottlieb
Date: Wed, 19 Sep 2012 14:45:42 +0300
Subject: [PATCH 4/5] Docs: Add dividerTheme paragraph for optgroup support
(selects/options.html)
---
docs/forms/selects/options.html | 13 ++++++++++++-
1 file changed, 12 insertions(+), 1 deletion(-)
diff --git a/docs/forms/selects/options.html b/docs/forms/selects/options.html
index 00d60a05c02..42c08eae323 100644
--- a/docs/forms/selects/options.html
+++ b/docs/forms/selects/options.html
@@ -45,7 +45,18 @@
Select menus
default: true
Applies the theme button border-radius to the select button if set to true. This option is also exposed as a data attribute: data-corners="false"
$('select').selectmenu({ corners: false });
-
+
+
dividerThemestring
+
+
default: "b"
+
Sets the color scheme (swatch) for dividers in popup-based custom select menus when using the optgroup support. It accepts a single letter from a-z that maps to the swatches included in your theme. To set the value for all instances of this widget, bind this option to the mobileinit event: