请问如何实现类似输入法的词语联想功能？

下面的代码行不行?基本实现联想功能,但样式可能不符合要求,自己改改吧
<html>
<head>
<script language="JavaScript">
<!--
var arrList=null;
function init(){
var dltObj=document.getElementById("dltShow");
var opts=dltObj.options;
var len=opts.length;
arrList= new Array(len);
for(var i=0;i<len;i++)
arrList[i]=opts[i].value.toLowerCase();
}
function keyup(src){
var strHTML="";
var dltObj=document.getElementById("dltShow");
var len=src.value.length;
for(var i=0;i<arrList.length;i++){
var reg=new RegExp(src.value);
if(reg.test(arrList[i]))
strHTML+='<option value="'+arrList[i]+'">'+arrList[i]+'</option>';
}
dltObj.outerHTML='<select id="dltShow" style="width:100% " multiple size="10">'+strHTML+'</select>';
if(document.getElementById("dltShow").options.length==1){
src.value=document.getElementById("dltShow").options[0].value;
}
}
//-->
</script>
</head>
<body onLoad="init();">
<table cellpadding="0" cellspacing="0" border="0" width="300px">
<tr>
<td width="150"><input type="text" id="txtInput"  onpropertychange ="keyup(this)" style="width:100% "></td>
<td width="150">
<select id="dltShow" style="width:100% " multiple size="10">
<option value="http://www.163.com">http://www.163.org</option>
<option value="http://www.sina.com">http://www.sina.com</option>
<option value="http://www.sohu.com">http://www.sohu.com</option>
<option value="http://card.163.com">http://card.163.net</option>
<option value="http://card.sina.com">http://card.sina.com</option>
<option value="http://news.sohu.com">http://news.sohu.com</option>
<option value="http://news.china.com">http://news.china.com</option>
<option value="http://www.sohu.com">http://www.sohu.com</option>
<option value="&Ograve;&raquo;&frac14;&ucirc;&Egrave;&ccedil;&sup1;&Ecirc;">&Ograve;&raquo;&frac14;&ucirc;&Egrave;&ccedil;&sup1;&Ecirc;</option>
<option value="&Ograve;&raquo;&frac14;&ucirc;&Ccedil;&atilde;&ETH;&Auml;">&Ograve;&raquo;&frac14;&ucirc;&Ccedil;&atilde;&ETH;&Auml;</option>
<option value="&Ograve;&raquo;&Atilde;&aelig;&Ouml;&reg;&Ocirc;&micro;">&Ograve;&raquo;&Atilde;&aelig;&Ouml;&reg;&Ocirc;&micro;</option>
<option value="&Egrave;&yacute;&ETH;&Auml;&para;&thorn;&Ograve;&acirc;">&Egrave;&yacute;&ETH;&Auml;&para;&thorn;&Ograve;&acirc;</option>
</select>
</td>
</tr>
</table>
</body>
</html>