Script Title: inputComboBox
Programming Language: Java Script
Date Completed: 2012/10/07

Purpose: To easily create an Input Combo Box from a select element. Allows a user to input their own value in a drop down select menu form element.

Description: Drop down select form elements of a Web page, can be used to select a value from a list, however, the user cannot input their own value into the select box. This Java Script Class allows the Web designer to convert the select element into an input combo box.

Returns undefined if an important value is not defined, returns true if set, returns false if not set.

Compatibility: Works with all modern Web browsers, some legacy support.
Special Note: Opera 7+ Firefox 3.5+ Internet Explorer 7+

Methods:

var class = new inputComboBox(); // The Class

class.selectId// Set or return the target select element by ID *Required
class.inputId// Set or return the input text element ID *Required
class.enclosureId// Set or return the enclosure ID if legacy MSIE browser
class.append()// Function to convert the select element

class.enclosureId:

Used with MSIE based Web browsers version 7 and earlier, the select element is enclosed in a div element. If not defined, default value is cBox(Random Numbers).

Example Usage:

HTML

<select id=”mySelect” size=”4″>
<option>Apple</option>
<option>Orange</option>
<option>Pineapple</option>
<option>Banana</option>
</select>

JavaScipt

var myBox0 = new inputComboBox();
myBox0.selectId = “mySelect”;
myBox0.inputId = “myBox0”;
myBox0.append();

 

 

 

Be the first to write a comment.

---