-
-
-
-
- Name
-
- Apples
- Oranges
- Peaches
- Grapes
- Cherries
- No matching option
-
-
-
-
+
+
+
+
+ Name
+
+ Apples
+ Oranges
+ Peaches
+ Grapes
+ Cherries
+ No matching option
+
+
+
+
See code
@@ -85,7 +83,7 @@
-#### Dynamic Menu
+### Dynamic Menu
This example demonstrates a data driven combobox. The data is used to populate the `auro-menu`. In this example, each time the input's value changes, the data is updated and the menu is recreated.
@@ -406,7 +404,50 @@ Populates the `required` attribute on the input. Used for client-side validation
#### value
-Value selected for the dropdown menu.
+Use the `value` attribute to programmatically set the value of the combobox.
+
+
+
+
+
+ Name
+
+ Apples
+ Oranges
+ Peaches
+ Grapes
+ Cherries
+ Prefer Alaska
+ No matching option
+
+
+
+
+
+ See code
+
+
+
+```html
+
+ Name
+
+ Apples
+ Oranges
+ Peaches
+ Grapes
+ Cherries
+ Prefer Alaska
+ No matching option
+
+
+```
+
+
+
+#### Dynamically Set Value
+
+Use the `value` attribute in combination with another element to dynamically set the value of the combobox.
Can be used in the following ways:
* Preset the value of the combobox to valid menu option
@@ -435,7 +476,7 @@ Note: using a value that does not match a menu option will reset the combobox va
-