<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>
<script  src="../../codebase/ext/dhtmlxcombo_extra.js"></script>
 
<a href="javascript:void(0);" onclick="init('dhx_skyblue');">DHX SkyBlue</a>
<br>
<a href="javascript:void(0);" onclick="init('dhx_web');">DHX Web</a>
<br>
<a href="javascript:void(0);" onclick="init('dhx_terrace');">DHX Terrace</a>
<br><br>
<div id="combo_zone" style="width:200px; height:30px"></div>
 
<script>
var combo;
init('dhx_skyblue');
function init(skin) {
    dhtmlx.skin = skin;
    if (combo);
    combo.destructor();
    combo = new dhtmlXCombo("combo_zone", "alfa", 200);
    combo.loadXML("../common/data.xml", function() {
        combo.setComboText("Select option");
    });
}</script>