前台用三级联动下拉菜单能实现搜索功能吗？

前台用三级联动下拉菜单能实现搜索功能吗？
在论坛上找的代码后台已经实现三级联动选择录入信息功能了。

前台找了代码如下，能用下面的代码在搜索模板里面实现搜索吗？领导还想要点击最后一个下拉框后就实现搜索，不想要点击搜索按钮再出来结果，这个能实现吗？帮看看搜索模板页面代码怎么弄？感谢！！！

<select name="pro"></select><select name="city"></select><select name="area"></select>

<script type="text/javascript" src="/skin/default/js/build/selects.js"></script>

<script type="text/javascript" src="/skin/default/js/build/data_china.js"></script>

<script type="text/javascript">

var s = selects;

//获取对象

var p = document.getElementsByName('pro')[0];//省

var c = document.getElementsByName('city')[0];//市

var a = document.getElementsByName('area')[0];//区

//绑定数据

s.bind(p,province);

s.bind(c,city);

s.bind(a,area);

//确定从属关系

s.parent(p,c);

s.parent(c,a);

//设置默认值

//s.selected(p,{value:'上海市'});

//s.selected(c,{index:1});

//s.selected(a,{text:'虹口区'});

</script>