0
respostas

Preencher vários selects com dados dinamicamente

Estou precisando fazer o seguinte...

Tenho uma lista de 10 questões... e um formulário com 10 selects... porém quero que cada select já venha preenchido, cada um com uma questão, no caso da posição 0 até a posição 9.

Como faço isso?

Meu código HTML

<div class="form-group">
    <label class="form-control-label"><b>Pergunta</b></label>
        <select name="checklist_item" class="form-control is-invalid form-control" required="" id="id_checklist_item">
            <option value="" selected="">---------</option>
            <option value="7">EPI em boas condições?</option>
            <option value="8">EPI precisa ser trocado?</option>
        </select>
</div>

Código JS

    var select = document.getElementsByName("checklist_item")

    for (i = 0; i < select.length; i++) {
        var select = document.getElementsByName("checklist_item")[i]
        var contador = 6
        contador += 1
        select.value = contador
        console.log(select)

    console.log(select.length)