하나의 JSON 및 다른 매개 변수에서 가져온 선택한 매개 변수를 기반으로 드롭 다운을 만드는 방법은 무엇입니까?

Question

그래서 나는이 드롭 다운에 상태의 목록을 만들기 위해 가정 코드, JS 가지고 :

$.getJSON('/statuses', { 
     ajax: 'true' 
    }, function (data) { 
     var html; 
     var len = data.length; 
     html += '<select id="status" class="form-control selectpicker" width="150" style="width: 150px">'; 
     for (var i = 0; i < len; i++) { 
      html += '<option value="' + data[i].id + '">' 
       + data[i].name + '</option>'; 
     } 
     html += '</select>'; 
     $('#status').html(html); 
    }); 

이 부분이 작동을하지만 지금은 다른 JSON에 동일 선택한 옵션이 있는지 확인해야합니다. 나는 다른 getJSON에서 이와 같은 것을 시도했다 :

status += '<select id="status" class="form-control selectpicker" width="150" style="width: 150px">'; 
    status += '<option value="' + data.status + '" selected="selected">' + data.status + '</option>'; 
    status += '</select>' 

... 그것을 선택하고 상태를 복제한다. 어떻게하면 제대로 만들 수 있습니까?

Answer 1

코드의 두 번째 비트에서 새 HTML을 구문 분석하므로 중복되는 것입니다. 옵션을 선택하려면 다음을 시도하십시오.

$('#status option[value="'+ data.status +'"]').prop('selected', true);