Tenho uma tabela criada dinamicamente e dentro dela um select no qual uso um map para criar suas options.
json.map(item => {
var corpo = '';
corpo += '<td>';
corpo += ' <select>';
arrStatus.map(item => {
corpo += ' <option value="' + item.freteStatusID + '">' + item.status + '</option>';
})
corpo += ' </select>';
corpo += '</td>'
//adiciona esta linha na tabela
$('#tabela').append(corpo);
$('option[value=' + item.freteStatusID + ']').attr('selected', 'selected');
}
Quando tento usar o .attr dentro do map recebo este resultado com duas options sendo selecionadas
<select>
<option value="5">Aceito pelo embarcador</option>
<option value="2">Agendado</option>
<option value="3">Declinado</option>
<option value="1" selected="selected">Recebido</option>
<option value="6" selected="selected">Rejeitado pelo embarcador</option>
<option value="4">Removido</option>
</select>
<select>
<option value="5">Aceito pelo embarcador</option>
<option value="2">Agendado</option>
<option value="3">Declinado</option>
<option value="1" selected="selected">Recebido</option>
<option value="6" selected="selected">Rejeitado pelo embarcador</option>
<option value="4">Removido</option>
</select>
Como posso fazer com que apenas uma option por select fique com o atributo "Selected"?