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

Creates a combolist, <select> with additional possibility of direct user input.

%TOC%

---++ Objects

---+++ OAT.Combolist(optList, defaultValue, optionsObject)

Creates a combolist containing values from <tt>optListarray</tt>, with a value of <tt>defaultValue</tt>.

Its main div is accessible as <tt>OAT.Combolist::div</tt>.

Onchange callback may be set via <tt>OAT.Combolist::onchange</tt> property.<tt>optionsObject</tt> may contain:

   * <tt> *name* </tt> - html name attribute for relevant input tag
   * <tt> *imagePath* </tt>

---++ Methods

---+++ OAT.Combolist::addOption(label, value)

Adds a new option labeled <tt>label</tt> with value of <tt>value</tt>. If <tt>value</tt> is not specified, <tt>label</tt> is used instead.

---+++ OAT.Combolist::clearOpts()

Clears all options.

---++ CSS classes

---+++ .combo_list

CSS class of the combolist div.

---+++ .<nowiki>combo_list_input</nowiki>

CSS class of the text input field option.

---+++ .<nowiki>combo_list_option</nowiki>

CSS class of the regular option.

---+++ .<nowiki>combo_list_list</nowiki>

CSS class of the option list.

---++ Example

<verbatim>
var cl = new OAT.Combolist([],"default",{name:"myName"});
document.body.appendChild( cl.div );
cl.addOption("option 1");
cl.addOption("option 2","value 2");
</verbatim>

CategoryOAT CategoryOpenSource CategoryDocumentation