当前位置:Gxlcms > PHP教程 > javascript-怎么把动态的select改成ul导航形式。求指导。

javascript-怎么把动态的select改成ul导航形式。求指导。

时间:2021-07-01 10:21:17 帮助过:1人阅读

看下代码。

     
            {$lang.big_series}
            
                            
            
           
            
        
            
                
                
            
        
        
            {$lang.sub_series}
             
        
 
 
 $(document).ready(function(){
    $('#big_cate_id').change(function(){
        var sapval = $(this).val();
        var cat_id = 0;
        $(this).find('option').each(function(){
            if($(this).attr('value') == sapval){
                cat_id = $(this).attr('rel');
            }
        });
        $('#sub_cate_id').empty();
        $('#sub_cate_id').append('');
        if(sapval == ''){
            for(var i=0,len=subcate.length; i" + subcate[i].cat_name + "");
            }
        }else{
            for(var i=0,len=subcate.length; i" + subcate[i].cat_name + "");
                }
            }
        }
    });
});
{/literal}
listTable.recordCount = {$record_count};
listTable.query = 'list';
listTable.pageCount = 1;
{foreach from = $filter item = item key = key}
listTable.filter.{$key} = '{$item}';
{/foreach}
  function searchGoods() {
    listTable.filter['big_cate_id'] = document.forms['searchForm'].elements['big_cate_id'].value;
    listTable.filter['sub_cate_id'] = document.forms['searchForm'].elements['sub_cate_id'].value;
    listTable.filter['keyword'] = Utils.trim(document.forms['searchForm'].elements['keyword'].value);
    listTable.filter['src'] = '{$src}';
    listTable.loadList();
}

![图片描述][1]

回复内容:

看下代码。

     
            {$lang.big_series}
            
                            
            
           
            
        
            
                
                
            
        
        
            {$lang.sub_series}
             
        
 
 
 $(document).ready(function(){
    $('#big_cate_id').change(function(){
        var sapval = $(this).val();
        var cat_id = 0;
        $(this).find('option').each(function(){
            if($(this).attr('value') == sapval){
                cat_id = $(this).attr('rel');
            }
        });
        $('#sub_cate_id').empty();
        $('#sub_cate_id').append('');
        if(sapval == ''){
            for(var i=0,len=subcate.length; i" + subcate[i].cat_name + "");
            }
        }else{
            for(var i=0,len=subcate.length; i" + subcate[i].cat_name + "");
                }
            }
        }
    });
});
{/literal}
listTable.recordCount = {$record_count};
listTable.query = 'list';
listTable.pageCount = 1;
{foreach from = $filter item = item key = key}
listTable.filter.{$key} = '{$item}';
{/foreach}
  function searchGoods() {
    listTable.filter['big_cate_id'] = document.forms['searchForm'].elements['big_cate_id'].value;
    listTable.filter['sub_cate_id'] = document.forms['searchForm'].elements['sub_cate_id'].value;
    listTable.filter['keyword'] = Utils.trim(document.forms['searchForm'].elements['keyword'].value);
    listTable.filter['src'] = '{$src}';
    listTable.loadList();
}

![图片描述][1]

select标签有个属性size可以

人气教程排行