Вывод элементов массива списком

[aj-nik]

Подскажите, как вывести значения массива списком <li>. Пробовал выводить в блоке <div id = "list"> вот так

var list = document.getElementById('list'); 
for (var i = 0; i < arr.length; i++)  {
list.innerHTML = arr[i].name + "<br>" 
};

но такой вариант выводит только одно первое значение массива.

[Viral]

гугли, чем = отличается от +=

[aj-nik]

да, так лучше работает. Спасибо.

[aj-nik]

А как сделать, что бы данные массива выводилось не в блок <div>, а списком, который будет меняться в зависимости от количества элементов массива

<input id="myElement" type="text" size="40" />
   <div id="list"></div>
var xhr = new easyXDM.Rpc({
            swf: "https://discovery.gdbilet.ru/cors/easyxdm.swf",
            remote: "https://discovery.gdbilet.ru/cors/index.html"
         }, {
            remote: {
               request: {}
            }
        });
 document.getElementById('myElement').onkeypress = function() { 
            var s = document.getElementById('myElement').value;
            xhr.request({
            url: "https://discovery.gdbilet.ru/Rzhd/Train/SearchStation",
            method: "GET",
            data: { limit: 10, q: s }
         }, function(response) {  
var arr = JSON.parse(response.data); var list = document.getElementById('list');   for (var i = 0; i < arr.length; i++)  {list.innerHTML += arr[i].name + "<br>"  }; 
         });
};

Сейчас у меня при вводе новой буквы в текстовом поле в блоке <div> появляются все новые значения. А я хочу, что бы список обновлялся каждый раз, когда вводиться новая буква.

[Viral]

aj-nik, обнуляй его каждый раз и генерируй заново

[kostyanet]

Кроме того загруженные ключи легко кешировать чтоб не запрашивать что было уже запрошено.

[kostyanet]

+ "<br>"

Интересно это зачем?

[aj-nik]

Буду пробовать.

[aj-nik]

Интересно это зачем?

Я думал, что для переноса строки. Видимо ошибался.