西部数码主机 | 阿里云主机| 虚拟主机 | 服务器 | 返回乐道官网
当前位置: 主页 > php教程 > ecshop教程 >

ecshop后台商品详情页属性增加模糊搜索功能

时间:2015-10-02 12:37来源:未知 作者:好模板 点击:
ecshop后台商品详情页属性增加模糊搜索功能,效果图: 这个不需要任何涉及到PHP的。只需要修改 goods_info.htm文件即可。 代码修改部分: PHP {if $goods_type_list} table width=90% id=properties-tabl

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>

(责任编辑:好模板)
顶一下
(3)
50%
踩一下
(3)
50%
------分隔线----------------------------