displaying dropdown list in a Row displays [objectHTMLSelectElement] on UI

Question

I have created a dropdown with the elements from a splits array, how can i get the select element to be dispalyed on the row on the UI? I keep getting a [objectHTMLSelectElement] on the UI

var select = document.createElement("select");
                for (var i = 0; i < splits.length; i++) {
                    var optn = splits[i];
                    var element = document.createElement("option");
                    element.textContent = optn;
                    element.value = optn;

                    select.appendChild(element);
                    console.log(select);
                   
                }
                
                row += select;