如何使用getElementsByClassName以及如何修复id / index不匹配？

Question

我正在尝试从数据库中获取数据并将其格式化为字符串，以便在用户进行特定选择时在kendo UI下拉列表下显示给用户。

现在我的JavaScript功能出现了问题：

UpdateRange: function (e) {

        var value = this.value();
        allRanges[value];
        console.log("length of range is:", allRanges[value].MinLength, "-", allRanges[value].MaxLength);
        lengthname = "length of range is:" + allRanges[value].MinLength + "-" + allRanges[value].MaxLength;
        document.getElementsByClassName("result").innerHTML = lengthname;
        var elements = lengthname;
        for (var i = 0; i < elements.length; i++)
            elements[i];
    },

我的问题是......

我正在使用

<div class="result"></div> 

in

<td></td> 

包含我的kendo UI下拉列表的标签。我尝试使用getElementsByClassName，但它不起作用。没啥事儿。我不确定为什么......也许innerHTML不适用于Class Name？

如何使用innerHTML显示数据库中的字符串？

另外，我注意到我的数据库中的数据有以1,2,3,4等开头的id ...而allRanges []是一个以索引0开头的数组。如何对齐这两个数据？项目，以便用户从下拉列表中选择一个值.eg它的值为4 ...然后数组选择索引为3而不是索引为4的值。