Вставить option в select
 

Всем привет. Можно ли так сделать?

<select class="" id="new_cats" onchange="NewCats(this)" name="new_cats">
		  <option>Категории</option>
		 <?php foreach($subcats as $cat){ ?>		 
		 <option value = "<?php echo $cat['id']; ?>">
		 <?php echo $cat['title']; ?>
			 </option>
		 <?php } ?>
		 </select>

function NewCats(e){
...
success:function(data){
var list = JSON.parse(data);
	var html = [];
	for (var i=0; i<list.length;i++) {
    html = '<option value="'+list[i].id+'">'+list[i].title+'</option>';
	}
})

}
Как то заменить option-ы в select-е

ureech,

function NewCats(e){
//...
success:function(data){
var list = JSON.parse(data);
    var html = [];
    for (var i=0; i<list.length;i++) {
    html = '<option value="'+list[i].id+'">'+list[i].title+'</option>';
    };
*!*
    e.insertAdjacentHTML('beforeend', html);
*/!*
})

так в конец добавляется и при том всего один option

Вот массив

0:Object { id: "3", parent_id: "2", title: "Квартиры"}
1:Object { id: "4", parent_id: "2", title: "Коттеджи"}

Разобрался. Создал новый селект и туда добавил.

:-?

[{ id: "3", parent_id: "2", title: "Квартиры"}, { id: "4", parent_id: "2", title: "Коттеджи"}]