동적으로 메뉴 내용을 jQuery로 업데이트합니다.

Question

jQuery를 사용하여 동적으로 업데이트하려는 드롭 다운 메뉴가 있습니다. 이것이 가능합니까 아니면 백엔드에서 데이터를 가져 오기 위해 PHP와 같은 것이 필요합니까?

Answer 1

그것은 AJAX의 믹스와 jQuery 가능합니다

HTML :

<select name="foo" id="foo"> 
    <option value="1">one</option> 
    <option value="2">two</option> 
    <option value="3">three</option> 
    <option value="4">four</option> 
</select> 

자바 스크립트/jQuery를 :

$.ajax({ 
    url: "resource.php", 
    success: function(d){ 
    $('#foo').append('<option value="' + d.value + '">' + d.description + '</option>'); 
    } 
});