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

看下代码。

     
            {$lang.big_series}{$lang.please_select}
                    {foreach from=$big_series item=big}{$big.cat_name}{/foreach}
                

                            
            
           
            
        

                

        

{$lang.sub_series}
                  
                    {foreach from=$sub_series item=sub}
{$sub.cat_name}
{/foreach}
                    
                
 
        
 
 
 $(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('{$lang.please_select}');
        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.please_select}
                    {foreach from=$big_series item=big}{$big.cat_name}{/foreach}
                

                            
            
           
            
        

                

        

{$lang.sub_series}
                  
                    {foreach from=$sub_series item=sub}
{$sub.cat_name}
{/foreach}
                    
                
 
        
 
 
 $(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('{$lang.please_select}');
        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可以