jquery Dropbox의 Seleted 값을 기준으로 텍스트 상자 채우기 값을 입력하십시오.

Question

asp.net의 데이터베이스에서 Dropdownlist의 Selected Value와 관련하여 jQuery 자동 완성 텍스트 상자를 채울 수 있습니까? 드롭 다운 목록 선택에 따라 자동 완성에 값을 표시하려고합니다. 내가 그것을 내가 잘못 할 경우 모르는 웹 서비스를 호출 할 수 없습니다 드롭 다운리스트에서 값을 선택하는 방법과 내가

내 문제를 해결

var ddl = document.getElementById('<%=cmbSourceCode.ClientID %>'); 
$(function() { 

    $("[id$=txtCode]").autocomplete({ 
     source: function (request, response) { 
      $.ajax({ 
       url: '<%=ResolveUrl("xCreate_grn.aspx/GetSourceCode") %>', 
       data: "{ 'prefix': '" + request.term + "','code':'"+ddl.SelectedIndex+ "'}", 
       dataType: "json", 
       type: "POST", 
       contentType: "application/json; charset=utf-8", 
       success: function (data) { 
        response($.map(data.d, function (item) { 
         return { 
          label: item.split('-')[0], 
          val: item.split('-')[1] 
         } 
        })) 
       }, 
       error: function (response) { 
        alert(response.responseText); 
       }, 
       failure: function (response) { 
        alert(response.responseText); 
       } 
      }); 
     }, 
     minLength: 4, 
     focus:function(event,ui){ 
      event.preventDefault(); 
      this.value = ui.item.label; 
     } 

    }); 
}); 

Answer 1

, 나는 통과 드롭 다운 selectindexchange 이벤트에 서비스를 호출 할 수 있습니다 때 여기 내 코드입니다 잘못된 값으로 드롭 다운 된 값으로, 내 코드에서 이것을 사용하면 잘 작동하지 않습니다.

$("[id$=txtCode]").autocomplete({ 
     source: function (request, response) { 
      $.ajax({ 
       url: '<%=ResolveUrl("xCreate_grn.aspx/GetSourceCode") %>', 
       data: "{ 'prefix': '" + request.term + "','code':'"+ 
          $('select[id=cmbSourceCode]').val() + "'}", 
       dataType: "json", 
       type: "POST", 
       contentType: "application/json; charset=utf-8", 
       success: function (data) { 
        response($.map(data.d, function (item) { 
         return { 
          label: item.split('~')[0], 
          val: item.split('~')[1] 
         } 
        })) 
       }, 
       error: function (response) { 
        alert(response.responseText); 
       }, 
       failure: function (response) { 
        alert(response.responseText); 
       } 
      }); 
     }, 
     minLength: 4, 
     focus:function(event,ui){ 
      event.preventDefault(); 
      this.value = ui.item.label; 
     } 

     } 
    }); 
});