Sélectionnez l'option par le code, qui est rempli dynamiquement

Question

J'essaie de sélectionner par programmation une option à partir d'un HTML Select qui est rempli dynamiquement par le code.

sélectionné est rempli d'un pour:

for(var i =0; i< valores.length ; i++) 
{ 
    var opcion= "<option value="+valores[i]['id_estado']+">"+valores[i]['nombre_estado']+"</option>"; 
    selectEstado.append(opcion);  
} 

puis sélectionnez une option avec:

$("#select_estado option[value='"+valores[0]['estado']+"']").attr('selected', true); 

mais quand je fais les sélectionner SITUE la valeur = 0, des idées?

Answer 1

Je ne sais pas comment vous avez déclarez votre tableau valores, donc je me sentais libre de déclarer un nouveau tableau qui prend la keys que vous avez utilisé dans votre question.

Donc, si vous avez déclaré votre array la même façon que je l'ai fait, alors vous ne devriez pas utiliser cette syntaxe valores[i]['id_estado'] mais vous devez utiliser celui-ci valores[i].id_estado

Sinon, pour sélectionner une option par elle value vous devez utiliser la fonction simple val().

Enfin je soutiens ma réponse à cette question: Set select option 'selected', by value

$(function(){ 
 

 
var valores={ 
 
0:{'id_estado':1,'nombre_estado':3}, 
 
1:{'id_estado':5,'nombre_estado':2}, 
 
2:{'id_estado':20,'nombre_estado':1} 
 
     }; 
 
     
 
var count=Object.keys(valores).length; 
 
for(var i =count-1; i>= 0 ; i--) 
 
{ 
 
    var opcion= "<option value="+valores[i].id_estado+">"+valores[i].nombre_estado+"</option>"; 
 
    $("#select_estado").append(opcion);  
 
} 
 

 
$("button").on("click",function(){ 
 
$("select").val(valores[1].id_estado); 
 
}); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="select_estado"></select> 
 
<button type="button" >Select</button>

Hope it helps!