combobox repetindo registros

joeythai · Maio 5, 2023

Boa tarde pessoal,

eu criei uma página da qual tenho diversos checkbox para marcar, se tiver alguma caixinha marcada eu habilito um botão para fazer o envio ao servidor, porém, está acontecendo um problema que não consegui identificar, o que está acontecendo é o seguinte:

Quando eu marco um checkbox apenas, o botão é liberado, eu clico nele e aparece um modal para preencher os dados, e nesse modal tem um combobox com opções criadas em javascript, como tem somente uma caixinha marcada as informações no combobox aparecem perfeitamente, porém, se eu marco 2 checkbox ou mais as opções do combobox se repetem, como se eu tivesse fazendo isso dentro de um looping, o que não é verdade, eis o codigo abaixo:

<code>

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

<label for="reason">Motivo</label><br><br>

<select class="form-control md-select2" style="width: 100%; text-transform: uppercase"

id="reason_all_belongings" name="reason_all_belongings" required>

</select>

</div>

$('.check-belongings').click(function () {

let belongingsIds = [];

let listaMarcados;

let optionsReason = [];

let option = null;

let movementsSelect = document.getElementById("reason_all_belongings");

optionsReason = ['Conferencia', 'Desobstrução', 'Entrega ao Cliente/Propr',' Inspeção', 'Manobra', 'Venda' ];

optionsReason.forEach((reason) => {

option = new Option(reason, reason.toLowerCase());

movementsSelect.options[movementsSelect.options.length] = option;

});

listaMarcados = document.getElementsByClassName("check-belongings");

for (let loop = 0; loop < listaMarcados.length; loop++) {

var item = listaMarcados[loop];

if (item.type == "checkbox" && item.checked) {

$('.drop-all-belongings').removeAttr('disabled');

belongingsIds.push(item.value);

} else {

// $('.drop-all-belongings').attr('disabled', 'disabled');

}

});

</script>

</body>

</html>

</code>

wanderval · Maio 5, 2023

A funcionalidade esperada não tá muito clara! A respeito do loop está sendo feito sim um "forEach" na qual sempre quando você clica no checkbox com o id "reason_all_velongings" é executado o forEach que adiciona no mesmo select os item contidos do array "optionReason"

optionsReason = ['Conferencia', 'Desobstrução', 'Entrega ao Cliente/Propr','  Inspeção', 'Manobra', 'Venda'  ];
 
optionsReason.forEach((reason) => {
	option = new Option(reason, reason.toLowerCase());
	movementsSelect.options[movementsSelect.options.length] = option;
});