Datalist Auto Complete IE против Chrome - PullRequest
Новая
       10

Datalist Auto Complete IE против Chrome

0 голосов
/ 02 мая 2018

У меня проблема с созданным мной автозаполнением Datalist, если вы запускаете его в Chrome, вы можете искать по имени или идентификатору, например, вы можете ввести Doe и получить результат для John Doe. или вы можете набрать 11109, и он даст вам Джон Доу. В IE вы можете ввести только идентификатор, а не имя, чтобы получить результаты. Кроме того, я уверен, что с этим ничего не поделаешь, но в Chrome раскрывающийся список показывает идентификатор и имя рядом друг с другом, где IE показывает только имя. Как, если это вообще возможно, я могу заставить IE работать как Chrome в обеих ситуациях (меня больше интересует поиск по ИД и Имени) 

 var json = [{
	"UserID": 17,
	"PSID": "1110959",
	"Name": "Doe, John",
	"Email": "John.Doe@somesite.com",
	"Level": "25",
	"Manager_Name": "Doe, Jane",
	"Manager_PSID": "1014009",
	"Manager_Email": "Jane.Doe@somesite.com",
	"Manager_Level": "19",
	"CompFile": null
}, {
	"UserID": 50,
	"PSID": "1114187",
	"Name": "Smith,Kevin",
	"Email": "Kevin.Smith@somesite.com",
	"Level": "27",
	"Manager_Name": "Herman, Mike",
	"Manager_PSID": "1178148",
	"Manager_Email": "Mike.Herman@somesite.com",
	"Manager_Level": "25",
	"CompFile": null
}, {
	"UserID": 123,
	"PSID": "1119167",
	"Name": "Black, Clint",
	"Email": "Clint.Black@somesite.com",
	"Level": "19",
	"Manager_Name": "Dwezel,Beth",
	"Manager_PSID": "1001375",
	"Manager_Email": "Beth.Dwezel@somesite.com",
	"Manager_Level": "43",
	"CompFile": null
}];
 
 $('#EmployeeSearch').on('keyup', function (e) {
            var term = this.value;
            //delay(function () {
               
            //}, 1000);
            $('#huge_list').empty();
         
                    $.each(json, function (i, item) {
                        $('<option/>', {
                            'value': item.PSID,
                            'text': item.Name
                        }).appendTo('#huge_list');
                    });
               
        });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="EmployeeSearch" list="huge_list" />
    <datalist id="huge_list"></datalist>
...