ecshop后台商品详情页属性增加模糊搜索功能
2016-09-07 22:02 来源:www.chinab4c.com 作者:ecshop专家
ecshop后台商品详情页属性增加模糊搜索功能,效果图:
这个不需要任何涉及到PHP的。只需要修改 goods_info.htm文件即可。 代码修改部分: PHP {if $goods_type_list} <table width="90%" id="properties-table" style="display:none" align="center"> <tr> <td class="label">输入模糊搜索字:</td> <td><input name="goods_typetxt" style="width:130px" onkeyup="SelectTip(0)"> <input class="button" type="button" value="复位" onclick="SelectTip(1)"></td> </tr> <tr> <td class="label"><a href="javascript:showNotice('noticeGoodsType');" title="{$lang.form_notice}"><img src="images/notice.gif" width="16" height="16" border="0" alt="{$lang.form_notice}"></a>{$lang.lab_goods_type}</td> <td> <span id="goods_type"><select name="goods_type" size=8 onchange="getAttrList({$ngoodsid})"> <option value="0">{$lang.sel_goods_type}</option> {$goods_type_list} </select></span><br /> <span class="notice-span" {if $help_open}style="display:block" {else} style="display:none" {/if} id="noticeGoodsType">{$lang.notice_goods_type}</span></td> </tr> <tr> <td id="tbody-goodsAttr" colspan="2" style="padding:0">{$goods_attr_html}</td> </tr> </table> {/if} 增加的JS: JavaScript <script language="javascript"> var TempArr=[];//存贮option var SelectObj=document.forms['theForm'].elements["goods_type"] /*先将数据存入数组*/ with(SelectObj) for(i=0;i<length;i++)TempArr[i]=[options[i].text,options[i].value] function SelectTip(flag){ var TxtObj=document.forms['theForm'].elements["goods_typetxt"] var SelectObj=document.getElementById("goods_type") var Arr=[] with(SelectObj){ var SelectHTML=innerHTML.match(/<[^>]*>/)[0] for(i=0;i<TempArr.length;i++) if(TempArr[i][0].indexOf(TxtObj.value)==0||flag)//若找到以goods_typetxt的内容开头的,添option。若flag为true,对下拉框初始化 Arr[Arr.length]="<option value='"+TempArr[i][1]+"'>"+TempArr[i][0]+"</option>" innerHTML=SelectHTML+Arr.join()+"</SELECT>" } } </script> (责任编辑:chinab4c) |
最近更新
常用插件
- ecshop没登陆情况下订单查
ecshop没登陆情况下订单查询插件,主要是针对ecshop在没有登陆的情况下...
- ecshop最小购买数量控制插
ecshop最小购买数量控制插件,这个插件主要是为我们提供一个十分方便...
- ecshop2.7.1邮件发送插件
ecshop2.7.1邮件发送插件:该插件主要的开发思想是源于ecshop短信发送系统...
- ecshop2.7.2生成虚拟订单2.
以前我们开发过ecshop下的虚拟订单,就是客户在访问的时候,会自动生...
- ecshop二次开发商品购买增
图片1香...
ecshop热门问答
ecshop热门资料
ecshop折扣插件
ecshop一键更新
ecshop模板变量
ecshopcurrent
ecshop光临
ecshop金卡
ecshop好手
ecshopmanual
ecshop消耗
ecshopglobai
ecshopECsho
ecshop商品重量
ecshop平安
ecshop财付通支付接口
ecshop快上
ecshopreply
ecshop库存插件
ecshop内存
ecshop礼包
ecshopEcshop
ecshop波及
ecshop边框
ecshop分类筛选
后台密码
ecshop色调
ecshop天天快递
ecshop代价
ecshop多少
ecshopwinsock
ecshop手机充值