ErBhati Ответов: 1

Datalist (для самовнушения) не отображается в crome на некоторых системах.

всем привет,
Я сталкиваюсь с проблемой только на некоторых системах, а не на всех. у меня есть тип ввода=текст с атрибутом списка. вот код:
<input type="text" name="txtUserId" id="txtUserId" list="UID" autocomplete="off" class="form-control">
     <datalist id="UID"></datalist>

в этом даталисте я загружаю данные,и когда я начинаю вводить текстовое поле, то этот даталист рендерится. это прекрасно работает
но на какой-то системе в chrome он не показывается. я осмотрел страницу и увидел, что данные загружены, но не показаны. в этой системе версия chrome - 50.0.2661.75. Я много гуглил, но не нашел никакого решения. как я решу эту проблему.

Спасибо

Что я уже пробовал:

<input type="text" name="txtUserId" id="txtUserId" list="UID" autocomplete="off" class="form-control">
     <datalist id="UID"></datalist>

1 Ответов

Рейтинг:
11

ErBhati 

I found solution. i have removed datalist and add autocomplete function of jquery on textbox. which works fine on all systems for me.

<input type="text" name="txtUserId" id="txtUserId" list="UID" autocomplete="off" class="form-control">  

Here is Jquey function: 
  $("#txtUserId").autocomplete({
                source: function (request, response) {
                    var p_length = $("#txtPincode").val();
                    if (p_length.length < 14) {

                        $.ajax({

                            url: "/MapSearch/LoadAll_Pcode",

                            type: "POST",

                            dataType: "json",

                            data: { txt: request.term },

                            success: function (data) {

                                var val_sn = $.map(data, function (snm) {

                                    var txt1 = request.term.substring(request.term.lastIndexOf(",")+1, request.term.lastIndexOf(",") + 5)

                                   if (snm.Text.toUpperCase().indexOf(txt1.toUpperCase()) === 0) {

                                        return snm.Text;

                                    }

                                });

                                response(val_sn);

                            },

                            error: function (data) {



                            }

                        });

                    }

                },              

                minLength: 1,

            });

пожалуйста, добавьте эти две ссылки на свою страницу:
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>