js控制下拉框选中项

昨天帮电商的同事在ecshop的后台添加了一个检索分类的小功能,
当在文本框中输入汉字时,会自动将下拉框中匹配的项设为选中项。
分享如下


<select id="cat_id" name="cat_id">
<option value="0">{$lang.goods_cat}</option>{$cat_list}
</select>
<input id="cat_search" name="cat_search" size="8" type="text" />
function catMatch()
{
var keyWord = document.getElementById("cat_search").value;
var cat = document.getElementById("cat_id");
var catItems;
for(var i=0;i<cat.length;i )
{
catItems = cat.options[i].text;

if(catItems.indexOf(keyWord) != -1)
{
cat.options[i].selected = true;
return
}
}
}