jQuery AutoComplete Replace Text with Html

$("textbox").autocomplete({
                                minLength: 3,
                                delay: 1000,
                                source: function (request, response) {
                                    $.ajax({
                                        type: "GET",
                                        url: "use your url here",
                                        dataType: "json",
                                        data: { Id: DataId },
                                        async: false,
                                        success: function (data) {

                                            response($.map(data, function (item) {
                                                return {
                                                    id: item.Id,
                                                    value: item.TagValue,
                                                    label: item.Term.replace("Use", "<span style='color:red;font-weight:bold;'>" + "USE" + "</span>")
                                                }
                                            }));

                                        }
                                    });
                                },

                                select: function (event, ui) {
                                   
                                    var a = ui.item;
                                    a = a.value;
                                    $(this).val(a);                                  

                                    event.preventDefault();
                                    // Do something with "ui.item.Id" or "ui.item.Name" or any of the other properties you selected to return from the action
                                }
                            }).data("ui-autocomplete")._renderItem = function (ul, item) {
                                // only change here was to replace .text() with .html()
                                return $("<li></li>")
                        .data("item.autocomplete", item)
                        .append($("<a></a>").html(item.label))
                        .appendTo(ul);
                            };

Comments

Post a Comment

Popular posts from this blog

SQL Interview Questions and Answers

Image
SQL Interview Questions for Freshers 1.  What is SQL? SQL stands for Structured Query Language. It is the primary language to interact with databases. With the help of SQL, we can extract data from a database, modify this data and also update it whenever there is a requirement. This query language is evergreen and is widely used across industries. For example, if a company has records of all the details of their employees in the database. With the help of SQL, all of this data can be queried to find out valuable insights in a short span of time. 2.  How to create a table in SQL? The command to create a table in sql is extremely simple: CREATE TABLE table_name ( column1 datatype, column2 datatype, column3 datatype, .... ); We will start off by giving the keywords, CREATE TABLE, then we will give the name of the table. After that in braces, we will list out all the columns along with their datatypes. For example, if we want to create a simple employee table: CREATE TABLE ...
Read more

Generic Interface and Factory Pattern in C#

There could be several ways to achieve it. I'll be highlighting three different ways to achieve it First: using strongly type public static class GenericFactory { public static IGeneric < T > CreateGeneric < T >( ) { if ( typeof (T) == typeof ( string )) { return (IGeneric<T>) new GenericString(); } if ( typeof (T) == typeof ( int )) { return (IGeneric<T>) new GenericInt(); } throw new InvalidOperationException(); } } You would use it like this: var a = GenericFactory.CreateGeneric< string >(); var b = GenericFactory.CreateGeneric< int >();  Note that this uses a strongly-typed call rather than passing in the type name as a string (which may or may not be what you actually want). Second: using object If instead you want to pass a string for the type name, you will have to return an  object  because there is no way to return th...
Read more

How to get device info IMEI programmatically in xamarin android

You'll need the following permission in your  AndroidManifest.xml : <uses-permission android:name="android.permission.READ_PHONE_STATE" /> in order to do this. You want to call  android.telephony.TelephonyManager.getDeviceId() . This will return whatever string uniquely identifies the device (IMEI for GSM, MEID for CDMA). Code Android.Telephony.TelephonyManager mTelephonyMgr;             mTelephonyMgr = (Android.Telephony.TelephonyManager)GetSystemService(TelephonyService);   //IMEI number    String m_deviceId = mTelephonyMgr.DeviceId;
Read more