select2에서 현재 요소 가져 오기

Question

클래스를 사용하여 select2를 여러 개 사용하고 싶습니다. 예를 들어 자동 완성에서와 마찬가지로 select2에서 동일한 작업을 수행하지 못했습니다. 여기

내 코드입니다 :

$('.select2-autocomplete').select2({ 
    placeholder: "Search", 
    minimumInputLength: 1, 
    multiple: true, 
    ajax: { 
    url: "http://example.com/autocomplete-results", 
    dataType: 'json', 
    data: function(term, page) { 
     return { 
     q: term, 
     type: $(this.element).data('type') 
     }; 
    }, 
    results: function(data, page) { 
     return { 
     results: data 
     }; 
    } 
    }, 
}); 

모든이를 제외하고 잘 작동 : 나는 선택 2 요소 데이터 유형 값이 필요하지만, 항상 어떤 생각을 정의되지 여기

type : $(this.element).data('type') 

어떻게 그걸 얻을 수 있니?

감사

편집 :

내가 아약스를 통해 데이터 형을 보내려는 이유는 그 아약스에서 다른 결과를 보여주고 싶은

<input type="hidden" data-type="products" name="products" class="select2-autocomplete"> 
<input type="hidden" data-type="customers" name="customers" class="select2-autocomplete"> 

Answer 1

$(this.context)을 사용할 수 있으며 원본 선택 요소를 jQuery 개체로 반환합니다.

data: function(term, page) { 
    return { 
    q: term, 
    type: $(this.context).data('type') 
    }; 
}, 

Answer 2

당신은 그것을 활성을 캡처 할 수있는 요소를 select2 : open 이벤트 중에 누른 다음 데이터 함수로 사용하십시오.

여기 내 예제 :

(function(){ 
var theSelect2Element = null; 
$('.select2-autocomplete').select2({ 
    ... 
    data: function(term, page) { 
     return { 
     q: term, 
     type: $(theSelect2Element).data('type') 
     }; 
    }, 
    ... 
}).on('select2:open', function(e){ 
    theSelect2Element = e.currentTarget; 
}))(); 

행운을 빌어 요!