jQuery를 사용하여 선택/메뉴 객체를 채우십시오

Question

jQuery를 사용하여 객체를 채워야합니다. 대화 상자가 닫히면 객체는 mySQL 테이블에서 가져온 항목으로 채워야합니다.

JS 코드에있는 함수 fill_select ()가 있습니다 ...이 JS 기능을 자주 호출하기 때문에 코드를 배치해야합니다.

추신 : 다시 선택하기 전에 모든 항목을 제거해야합니다.

Answer 1

http://docs.jquery.com/ajax

이 예에서 JSON을 사용한 이유는 일반적으로 Ajax 호출이 가벼운 무게가되기를 원하기 때문입니다. 클라이언트쪽에 HTML 문자열을 구축하는 것은 대부분의 브라우저에서 상대적으로 빠릅니다 (아마도 그다지 빠르지 않다는 것을 알고있을 것입니다 ...). 어쨌든 속도 고려를 위해 한 번에 하나씩 선택 요소를 추가하고 싶지 않습니다.

JSON이 무엇인지 모른다면 이것을 살펴보십시오.

http://json.org/

    function fillSelectList(param1, param2) {
        $.ajax({
            type: "GET",
            url: "myUrl.php",
            data: { Param1: param1, Param2: param2 },
            dataType: "json",
            async: true,
            success: function(data, textStatus) {
                var html = "";
                for (var i = 0; i < data.length; i++) {
                    html += "<option value=\"";
                    html += data[i].value + "\">";
                    html += data[i].text + "</option>";
                }

                $("#mySelectList").empty().append(html);
            }    
        });        
    }