Итерация Javascript с помощью тимилиста, как передать индекс в массив в тимелисте

Question

Я устанавливаю 2 select в html, второй зависит от первого, поэтому я использую скрипт «onchange», поэтому, когда меняются первое значение select, второе тоже, я не знать, как получить переменную моего FOR, чтобы получить индекс модели тимелина в моем скрипте

SCRIPT- Так что моя проблема здесь в том, что если я попытался получить значение documentmentos [i] .proyecto.id, но я могу получить documentsmen [0, 1 или любое число] .proyecto.id

/*<![CDATA[*/
    function load(){
        var e = document.getElementById("proyecto-id");
        var value = e.options[e.selectedIndex].value;
        var sub = document.getElementById("documento-id");
        var length = sub.options.length;
        for (z = 0; z < length; z++) {
          sub.options[z] = null;
        }
        for(i=0;i<[[${#lists.size(documentos)}]];i++){
            if([[${documentos[ i ].proyecto.id}]] == value){
                var opt = document.createElement('option');
                opt.value = [[${documentos[ i ].id}]]
                opt.text = [[${documentos[ i ].nombre}]];
                sub.add(opt);
            }
        }
    }
/*]]>*/

HTML выберите

<select id="proyecto-id" class="custom-select" th:onchange="load()">
                    <option th:each="p : ${proyectos}"
                            th:text="${p.nombre}"
                            th:value="${p.id}">
                    </option> 
</select>
<select id="documento-id" class="custom-select">
</select>