Ошибка при использовании в Microsoft Edge [закрыто] ⇐ Html

[Anonymous]

Я обнаружил странную проблему с тегом и Microsoft Edge.
В приведенном ниже коде первый тег отображает элементы из , а второй — нет. Если я изменю атрибут name второго на любое другое значение, то элементы отобразятся!
Это казалось, работает нормально в Chrome. Может ли кто-нибудь помочь мне понять, что здесь происходит?


< pre class="snippet-code-js lang-js Prettyprint-override">

Код: Выделить всё

$(function () {
var dataitems = [
{ text: 'Text1', value: 'Value1' },
{ text: 'Text2', value: 'Value2' },
{ text: 'Text3', value: 'Value3' },
{ text: 'Text4', value: 'Value4' },
{ text: 'Text5', value: 'Value5' },
{ text: 'Text6', value: 'Value6' },
{ text: 'Text7', value: 'Value7' },
{ text: 'Text8', value: 'Value8' },
{ text: 'Text9', value: 'Value9' },
{ text: 'Text10', value: 'Value10' },
];

var $list = $('#test-datalist');
$list.empty();
$.each(dataitems, function () {
var $option = $('', {
value: this.value,
label: this.text
});
$option.attr('data-id', '123');
$list.append($option);
});

});

Код: Выделить всё

This input shows the data items:



This input does not show the data items in Edge:

Я также создал CodePen.

Подробнее здесь: https://stackoverflow.com/questions/793 ... osoft-edge