Jquery Autocomplete AJAX call for label value pair JSON data SOLVED -

-

this jquery autocomplete code not working dynamic data. having json data label : contact name , value : contact id autocomplete doesnt work ajax call. 

$("#autocomplete2").autocomplete({     //source: data,      source: function (request, response) {         $.ajax({             type: "post",             url: "http://localhost/leadata.php",             datatype: "json",             data: { q: request.term },             success: function (data) {                 var transformed = $.map(data, function (el) {                     return {                         label: el.label,                         value: el.value                     };                 });                 alert(transformed);                 response(transformed);             },             error: function () {                 response([]);             }         });     },     response: function (event, ui) {         if (ui.content.length === 0) {             $("#empty-message").text("no results found");         } else {             $("#empty-message").empty();         }     },     focus: function (event, ui) {         event.preventdefault();         $(this).val(ui.item.label);     },     select: function (event, ui) {         event.preventdefault();         $(this).val(ui.item.label);         $("#autocomplete2-value").val(ui.item.value);         alert(ui.item.value);         //$('.college').trigger('click');     } }); 

<!doctype html> <html lang="en"> <head>   <meta charset="utf-8">   <title>jquery ui autocomplete - remote datasource</title>   <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">   <script src="//code.jquery.com/jquery-1.10.2.js"></script>   <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>   <link rel="stylesheet" href="/resources/demos/style.css">   <style>   .ui-autocomplete-loading {     background: white url("images/ui-anim_basic_16x16.gif") right center no-repeat;   }   </style> <script> $(function() {     $( "#birds" ).autocomplete({         source: "http://localhost/autocomplete/test.php",         minlength: 2,         response: function(event, ui) {             if (ui.content.length === 0) {                 $("#empty-message").text("+ add contact");             } else {                 $("#empty-message").empty();             }         },         focus: function(event, ui) {                                 event.preventdefault();             $(this).val(ui.item.label);         },         select: function( event, ui ) {             /*               log( ui.item ?             "selected: " + ui.item.value + " aka " + ui.item.id :             "nothing selected, input " + this.value );             */             event.preventdefault();             //$(this).val(ui.item.label);              $("#birdsval").val(ui.item.label);             $("#birdsid").val(ui.item.value);             //$('.college').trigger('click');             $(this).val('');          },      }); }); </script> </head> <body>  <div class="ui-widget">     <label for="birds">birds: </label>     <input id="birds"><br />     <input id="birdsid">     <input id="birdsval"> </div>  <div id="empty-message"></div>  </body> </html>

Comments

Post a Comment

Popular posts from this blog

How to run C# code using mono without Xamarin in Android? -

-
i want create program uses mono runtime run c# code (binary not application). i copied libmono.so unity app , i'm write code using documentation: http://www.mono-project.com/docs/advanced/embedding/ and it's working have problems references can access classes mscorlib.dll , have problems system.reflection.assembly class throwing exception, when print console see: system.missingmethodexception: method not found: 'system.reflection.assembly.op_inequality' can fix it? can use mono runtime in c binary on android? ps. i'm using android tests. edit: found solution loading libraries, need set environment variable mono_path libraries path. but have still problems assembly class. the system.missingmethodexception error have seems .net profile mismatch error, 1 explained here . can use mono runtime in c binary on android? yes, using ndk guess. there alternatives can use instead of rolling own, such xmadevlab .
Read more

html - grunt SVG to webfont -

-
i'm trying generate webfont svgs using grunt-webfont . the issue need task valid on windows , linux machines. in order achieve need use node engines doesn’t work svg files . i know if there way convert svgs proper svg format supported grunt plugin or alternatively there better grunt plugin/s achieve this i have task able take svgs (created in illustrator) , output webfont files (.eot,.svg,.svg,...) , css file (like icomoon export) thanks. perhaps artboard small. recommend checking have 512pt x 512pt artboard each icon. stumbled upon gem ( https://www.fourdigits.nl/blog/using-a-webfont-to-display-icons ) when grunt-webfont documentation left me alone in forest.
Read more

c# - SharpSsh Command Execution -

-
Image
i trying create ssh client using c#. using tamir.sharpssh library. having issues sending command , getting appropriate response server. the way have been testing sending on ls command, followed cd.. command, followed ls command again -- see whether or not cd.. command being executed properly. however, there no difference between first ls command , second ls command. not entirely sure doing wrong. perhaps using wrong ssh type. have provided code , output getting. have added output expect. using tamir.sharpssh; namespace sshnetexample { class program { static void main(string[] args) { sshexec ssh = null; try { console.write("-connecting..."); ssh = new sshexec(host, username, password); ssh.connect(); console.writeline("ok ({0}/{1})", ssh.cipher, ssh.mac); console.writeline("server version={0}, client versio...
Read more