jQuery按下拉栏目选择搜索框效果

使用方法：

引入jQuery库文件、插件JS文件、CSS样式文件

<script src="js/jquery-1.8.2.min.js">script>
<script src="js/common.js">script>
<link href="css/style.css" rel="stylesheet" type="text/css" />

搜索链接设置方法：（common.js）

function bottomForm(search_form) {
    if (search_form.catid.value == 4) {
        search_form.action = "http://www.sucainiu.com/search/" + encodeURI(search_form.infos.value) + "/4";//改为自己的网址以及搜索参数
        document.search_form.submit();
        return false;
    } else if (search_form.catid.value == 5) {
        search_form.action = "http://www.sucainiu.com/search/" + encodeURI(search_form.infos.value) + "/5";//改为自己的网址以及搜索参数
        document.search_form.submit();
        return false;
    } else {
        search_form.action = "http://www.sucainiu.com/search/" + encodeURI(search_form.infos.value) + "/" + search_form.catid.value;//改为自己的网址以及搜索参数
        document.search_form.submit();
        return false;
    }
}