dhtmlxCombo Checkbox mode JSON file produce undefined result

Good day everyone, I’m a newbie trainee programmer and I have 2 question that I require everyone assistance,

  1. I’m trying to duplicate the checkboxes mode in this tutorial using the same code in this tutorial

[url]https://dhtmlx.com/docs/products/dhtmlxCombo/samples/02_modes/01_mode_checkboxes.html[/url]

However this is the result i get instead

Below is my code

<script> var myCombo function doOnLoad() { myCombo = new dhtmlXCombo("combo_zone", "combo", 230, "checkbox"); myCombo.load("common/data.json"); myCombo.enableFilteringMode(true); </script>

data.json

{"department":[ {value: "1", "position":"Artist"}, {value: "2", "position":"Lead"}, {value: "3", "position":"Technology"} ]}

  1. I successfully created the Init for Select dropdown but in my HTML file it look like this

How do i change the combo box position to be right beside of the “Select by department” label on the navbar, I tried to change everything using CSS it didnt work.

I’m really at the end of my rope here. Thanks in advance

  1. Please, refer to the available format of the json for the combo:
    docs.dhtmlx.com/combo__adding_o … serverside
    Pleas,e try to use the supported format of the data for the successful options loading.

  2. Please, try to set “float:left” to your “Select by department”. If the problem still occurs for you please, provide wit ha complete demo, where the problem can be reconstructed.
    Here you can find a tutorial about creating a complete demo:
    docs.dhtmlx.com/tutorials__auxi … pport.html