동적으로 채워지는 코드로 옵션을 선택하십시오.

Question

코드로 동적으로 채워지는 HTML 선택에서 프로그래밍 방식으로 옵션을 선택하려고합니다. 다음

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

하고있는 옵션을 선택합니다 :

다음은 대한으로 가득 선택

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

을하지만 값 = 0, 어떤 아이디어에서 선택 있는지 찾아을 수행 할 때?

Answer 1

난 당신이 valores 배열을 선언 않았다 방법을 모르는, 그래서 keys 당신이 당신의 질문에 사용합니다 새로운 배열을 선언 할 무료 느꼈다.

그래서 당신은 당신의 array 난 당신이 구문 valores[i]['id_estado']를 사용하지 말아야하지만, 당신이 그것을 의해 option을 선택, 그렇지 않으면이 하나 valores[i].id_estado

를 사용해야합니다 다음했던 것과 같은 방식으로 value 당신이 사용해야 선언하는 경우 간단한 기능 val().

마지막으로이 질문에 내 대답을 지원 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>

는 희망이 도움이!