2016-06-10 2 views
0

ASP.Net 페이지에 2 개의 AutoCompleteTextBox가 있습니다. 첫 번째 상자에서 값을 가져와 목록을 가져 오는 옵션 중 하나로 할당하려면 두 번째 텍스트 상자가 필요합니다. 클라이언트 쪽만.동적 옵션이있는 jQuery AutoCompleteTextBox

$("#txtBox1").AutoCompleteTextBox({ type: "val1", minLength: "3", userid: '1234' }); 

$("#txtBox2").AutoCompleteTextBox({ type: "val2", minLength: "3", userid: '1234', 
     cc: $('#txtBox1').on('autocompletechange change', function() { 
     //alert(this.value); 
     return this.value; 
    }) 
}); 

그래서 cc는 txtBox1에서 선택된 값을 가져 와서 SQL proc에서 반환 된 값 목록을 팝업해야합니다. 나는 함수 뒤에 text()와 val()을 시도했다. 알림은 작동하며 가치가 있습니다. 하지만 최종 결과는 'AJAX에 전송됩니다. 레이블에 부착 된 녹아웃 변수를 사용해도 시도했습니다.

<%=lblTxtBox1.Text%> 

그러나 작동하지 않습니다. 내가 필요로하는 옵션은 AJAX 호출에 대한 것입니다.

cc: 'abcd' 

어떤 도움을 주셔서 감사합니다. 감사합니다.

+0

다음과 같이 수정 한 코드 : var cc; AutoCompleteTextBox ({type : "sometype", minLength : "0 txtBox1") : 자동 완성 텍스트 상자 ({#txtBox2} 3 ", userid : '1234', cc : ''+ cc + ''})), }); 이제 단계별로 데이터가 AJAX에 의해 반환되지만 선택할 수있는 드롭 다운으로 표시되지 않습니다. – Veena

답변

0

해결!

나는 keyup 이벤트가 필요했습니다. 또한 응답이 매우 느려서 검색 필드에서 테이블의 색인을 생성했습니다.

var cc = ''; 

$('#txtBox1').on('focusout', function() { 
    cc = this.value.toString(); 
}); 

var cc = this.value; // this will also work 

$("#txtBox2").on('keyup', function() { 
    $("#txtBox2").AutoCompleteTextBox({ type: "type2", minLength: "3", userid: '1234', ccode: '' + cc + '' });   
});