2017-12-13 3 views
0

Wie kann ich meine jQuery Autocomplete Textbox in Bezug auf ausgewählten Wert der Dropdownliste aus der Datenbank in asp.net ausfüllen. Ich möchte Wert in Autocomplete als Dropdown-Listenauswahl zeigen. hier ist mein Code, wenn ich Wert in Dropdownlist wählen sie sie nicht auf den Webdienst aufrufen kann, weiß ich nicht, wo ich falsch gemacht, und wie kann ich Dienst auf Drop-Down-selectindexchange Ereignisjquery AutoComplete Textbox populate Wert in Bezug auf selected Wert der Dropdownliste

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; 
     } 

    }); 
}); 
+1

'[id $ = txtCode]' => Sind Sie sicher, dass es sich um einen rechten Selektor handelt? Haben Sie Fehler in der Konsole und überprüfen Sie den Netzwerk-Tab, um sicherzustellen, dass die Anfrage von der Ziel-URL gelöst wird? –

+0

Ich kann keinen Fehler in der Konsole bekommen – Raheel

Antwort

0

ich mein Problem gelöst nennen, ich pass ausgewählter Wert von Drop-Down falsch, so funktioniert meine Funktion nicht jetzt funktioniert es gut nach der Verwendung dieser in meinem Code

$("[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; 
     } 

     } 
    }); 
}); 
Verwandte Themen