elselect 드롭 다운 변경에서 ajax 함수 호출

Question

mootools와 함께 elSelect을 사용하여 선택 상자의 모양과 바뀜을 변경합니다. 내 문제는 어떻게 상자 값을 선택하면 아약스 함수를 호출 할 수 있습니다? 사전

elSelect 드롭 다운을 대체하기 위해 HTML 구조를 변경하기 때문에

Answer 1

에서

<script type="text/javascript"> 
    window.addEvent('domready', function() { 
     var mySelect = new elSelect({container : 'someId'}); 
    }); 
</script> 

감사합니다, 당신은 원래의 드롭 다운에 설정된 change 이벤트를 사용할 수 없습니다. 설명서에는 교체 된 드롭 다운에 이벤트를 바인딩하는 방법이 나와 있지 않습니다.

mootools의 작동 방식에 익숙하지 않지만, 플러그인 소스에 정의 된 여러 이벤트 핸들러가 있음을 알 수 있습니다. 그 중 onOptionClick입니다. 사용자가 드롭 다운에서 옵션을 클릭 할 때마다 트리거됩니다. 피기 백 가능 - 해당 함수의 코드를 변경하여 아약스 요청을 트리거합니다.

또 다른 옵션은 삽입 된 요소의 HTML 구조를 분석하는 것입니다. 생성자에게 제공하는 ID에서 시작하여 내부에 .option 요소를 찾을 수 있습니다. 사용자는 일정한 간격으로 변경 사항을 폴링하고 (setInterval 사용) 값이 변경된 것을 볼 때 아약스 요청을 전송할 수 있습니다. 또는 각 옵션에 클릭 핸들러를 추가하고 거기에서 가져올 수 있습니다.