迅睿CMS框架是一款PHP8高性能·簡(jiǎn)單易用的CMS開源開發(fā)框架,基于MIT開源許可協(xié)議發(fā)布,免費(fèi)且不限制商業(yè)使用,是免費(fèi)開源的產(chǎn)品,以萬端互聯(lián)為設(shè)計(jì)理念,支持的微信公眾號(hào)、小程序、APP客戶端、移動(dòng)端網(wǎng)站、PC網(wǎng)站等多終端式管理系統(tǒng)。
聯(lián)系官方銷售客服
1835022288
028-61286886
官網(wǎng)這個(gè)篩選復(fù)選字段 能不能改成 select 下拉多選完之后再加個(gè)搜索按鈕呢,有大神指導(dǎo)下么。。
道理都一樣,只是改變了一種模板展示方式,用js就可以搞定了,可以加我QQ做
官方默認(rèn)模板改造
<form action="/index.php" method="get"> <input type="hidden" name="s" value="demo"> <input type="hidden" name="c" value="search"> <input type="text" placeholder="搜索內(nèi)容..." name="keyword"> <div class="form-group row" id="duoxuan"> <label class="col-md-2 control-label">復(fù)選字段-多條件</label> <div class="col-md-9"> <label> <a class="label {if !$params.fuxuankuang}label-success{else}label-default{/if}" href="{Router::search_url($params, 'fuxuankuang', NULL)}">不限</a> </label> <!--調(diào)用單選字段數(shù)據(jù)方法--> {php $field = dr_field_options($ci->module['field']['fuxuankuang']['id']);} {loop $field $value $name} <label> <span class="label {if dr_is_double_search($params.fuxuankuang, $value)}label-success{else}label-default{/if}" data-value="{$value}">{$name}</span> </label> {/loop} </div> </div> <input id="duoxuan_value" name="fuxuankuang" value="{$params.fuxuankuang}" type="hidden"> <script type="text/javascript"> $('#duoxuan span').on('click', function() { var val = $(this).data('value'); //點(diǎn)擊,添加樣式 if ($('#duoxuan a').hasClass('label-success')) { $('#duoxuan a').removeClass("label-success").addClass("label-default"); } if ($(this).hasClass('label-success')) { $(this).removeClass("label-success").addClass("label-default"); } else { $(this).removeClass("label-default").addClass("label-success"); } //點(diǎn)擊,添加樣式 //歷遍,組合多選值 var id = []; $("#duoxuan span").each(function() { if ($(this).hasClass('label-success')) { id.push($(this).data('value')); } var Newstr = id.join("|"); $('#duoxuan_value').val(Newstr); }); //歷遍,組合多選值 }) </script> <input type="submit" value="提交搜索" /> </form>
道理都一樣,只是改變了一種模板展示方式,用js就可以搞定了,可以加我QQ做
官方默認(rèn)模板改造