2012-09-29 3 views
1

내가 가지고 JSON 파일을 사용하여 드롭 다운 생산하는 다음 :jQuery 출력을 배치하는 방법은 무엇입니까?

<script type="text/javascript"> 
    $.getJSON('shares.json', function(data) { 
    var items = []; 

    $.each(data.Destinations, function(key, val) { 
    items.push('<option id="' + val.shareName + '">' + val.shareName+ '</option>'); 
    }); 

    $('<select/>', { 
    'class': 'my-new-list', 
    html: items.join('') 
    }).appendTo('body'); 
}); 
</script> 

나는 보통, 어떻게 예를 들어 사업부에 가서 그것을 말할 수있는 것처럼이 드롭 다운을 배치 할 수 있습니까? appendTo ('body')가 HTML의 끝에 간단하게 추가한다고 가정하지만 어떻게 변경합니까?

감사합니다.

답변

1

당신은 몸에 추가하지 않아도이

$('<select/>', { 
    'class': 'my-new-list', 
    html: items.join('') 
    }).appendTo('#myDiv'); 

이 ... 당신이 지정된 요소를 저장할 수있는 모든 요소를 ​​추가 할 수 있습니다보십시오.

+1

많은 감사의 말씀을 전했지만 시도해 보았습니다. – davidjwest

1

당신은 div에이를 추가 할 수 있습니다 시체 같은 방법으로 생성 된 HTML을 추가한다.

<script type="text/javascript"> 
    $.getJSON('shares.json', function(data) { 
    var items = []; 

    $.each(data.Destinations, function(key, val) { 
    items.push('<option id="' + val.shareName + '">' + val.shareName+ '</option>'); 
    }); 

    $('<select/>', { 
    'class': 'my-new-list', 
    html: items.join('') 
    }).appendTo('#divId'); 
}); 
</script> 
관련 문제