%META:TOPICPARENT{name="OATDOCIndex"}%
---+ combobox.js

Creates a combobox, an enhanced <tt>&lt;select&gt;</tt> which allows richer options.

%TOC%

---++ Objects

---+++ OAT.Combobox(defaultValue)

Creates a combobox with a value of <tt>defaultValue</tt>. Its main div is accessible as <tt>OAT.Combobox::div</tt>. Onchange callback may be set via <tt>OAT.Combobox::onchange</tt> property.

---++ Methods

---+++ OAT.Combobox::addOption(element, textValue)

Adds a new option, represented by <tt>element</tt> with a value of <tt>textValue</tt>.

---++ CSS classes

---+++ .combo_box

CSS class of the main combo box div.

---+++ .<nowiki>combo_box_list</nowiki>

CSS class of options list div.

---+++ .<nowiki>combo_box_value</nowiki>

CSS class of the currently selected option.

---+++ .combo_image

CSS class of the dropdown clicker image.

---++ Example

<verbatim>
var cb = new OAT.Combobox("[choose here]");
document.body.appendChild( cb.div );
cb.addOption(someElement, "option 1");
cb.addOption(someOtherElement, "option 2");
</verbatim>

CategoryDocumentation CategoryOAT CategoryOpenSource