苹果cms站内搜索显示下拉菜单方法

搜索标签有: {:mac_url(‘vod/search’)}//影片搜索接口 {:mac_url(‘art/search’)}//文章搜索结构 {:mac_url(‘topic/search’)}//专题搜索接口 {:mac_url(‘actor/search’)}//明星搜索接口 {:mac_url(‘role/search’)}//角色搜索接口 默认模板搜索功能使用form和input 实现,默认只有一个影片搜索接口 {:mac_url(‘vod/search’)} <form id=”search” name=”search” method=”get” action=”{:mac_url(‘vod/search’)}”> <input type=”text” name=”wd” class=”search-input mac_wd” value=”{$param.wd}” placeholder=”请在此处输入影片名或演员名称” /> <input type=”submit” id=”searchbutton” class=”search-button mac_search” value=”搜索影片” /> </form> 今天我们要实现一个搜索框 下拉选择搜索条件,实现代码如下: <input class=”text_box ” id=”wd” name=”wd” type=”text” placeholder=”关键词”> <input type=”button” id=”search” name=”search” value=”搜索” /> <select class=”select_box ng-untouched ng-pristine ng-valid” name=”selectType”> <option class=”item” value=”{:mac_url(‘vod/search’)}”>影片</option> <option class=”item” value=”{:mac_url(‘art/search’)}”>文章</option> <option class=”item” value=”{:mac_url(‘topic/search’)}>专题</option> <option class=”item” value=”{:mac_url(‘actor/search’)}”>明星</option> <option class=”item” value=”{:mac_url(‘role/search’)}”>角色</option> </select> js代码 <script> $(function(){ $(‘#search’).click(function(){ var mid = $(“select[name=’selectType’] option:selected”).val(); var sUrl = mid+’?wd=’+$(‘#wd’).val(); window.location.href = sUrl; }) }) </script>

特别声明:☆ 本站所有资源仅供学习和研究之用,严禁用于任何商业目的。 ☆ 我们仅提供资源下载,不包含安装、调试等技术支持服务。 ☆ 所有内容均来源于网络,本站不对资源的完整性、可用性或安全性作出任何承诺。 ☆ 请勿将本站资源用于任何违法违规行为,由此产生的后果由使用者自行承担。 ☆ 若您不同意上述声明,请立即停止使用本站内容与服务。 ☆ 涉及付费或赞助资源,请务必自行甄别并谨慎选择。 ☆ 若有内容侵犯您的合法权益,请联系我们,我们将及时处理下架。 ☆ 所有模板或源码需具备一定开发知识,新手建议选购官方正版服务。

评论0