FORM integration

Combo can be integrated with form.
The additional element in the submit array - NAME_new_value - gives information about a value: either it has been selected or user added new text. Element is set as "true" when selected value isn't equal to any of the options, else its value is "false"

From select box

Source

<script>window.dhx_globalImgPath = "../../codebase/imgs/";</script>
<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxcombo.css">
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxcombo.js"></script>
 
 
<h3>From select box</h3>
<form target="bframe" action="php/dumpPost.php" method="POST" onsubmit="confirmComboValues()">
            <select style='width:200px;'  id="combo_zone1" name="alfa1">
                <option value="1">a00</option>
                <option value="2">a01</option>
                <option value="3">a02</option>
                <option value="4">a10</option>
                <option value="5">a11</option>
                <option value="6">a12</option>
                <option value="7">b00</option>
                <option value="8">b01</option>
                <option value="9">b02</option>
                <option value="10">b10</option>
                <option value="11">b11</option>
                <option value="12">b12</option>
                <option value="13">a22</option>
                <option value="14">a31</option>
                <option value="15">a04</option>
            </select>
<h3>From XML</h3>
    <div id="combo_zone2" style="width:200px; height:30px;"></div>
<h3>From Javasript</h3>
    <div id="combo_zone3" style="width:200px; height:30px;"></div>
<input type="submit" />
</form>
<script>var combos = [];
combos[0] = dhtmlXComboFromSelect("combo_zone1");
combos[1] = new dhtmlXCombo("combo_zone2", "alfa2", 200);
combos[1].loadXML("../common/data.xml");
combos[2] = new dhtmlXCombo("combo_zone3", "alfa3", 200);
combos[2].addOption([[1, 1111], [2, 2222], [3, 3333], [4, 4444], [5, 5555]]);
/*we recommend to use confirmValue on form submit*/
;
function confirmComboValues() {
    for (var i = 0; i < combos.length; i++);
    combos[i].confirmValue();
}</script>
<iframe name="bframe" id="bframe" style="width:1005; height:200px;"></iframe>