var kw = document.getElementById('kw');
var list = document.getElementById('list');
var data = [
	'狐狸A',
	'狐狸B',
	'狐狸C',
	'狐狸AB',
	'狐狸AC',
	'菊花A',
	'菊花B',
	'花花A',
	'花花B',
];
function change(){
	var v = kw.value;
	list.innerHTML = '';
	data.forEach(function(x){
		if(x.indexOf(v) === 0){
			list.innerHTML += '<div class="list-item">' + x.replace(v, '<span>' + v + '</span>') + '</div>';
		}
	});
}
kw.onkeyup = change;
kw.onmouseup = change;
kw.onchange = change;