欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

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

程序员文章站 2024-01-17 22:06:58
...

看下代码。

     
            {$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]

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

回复内容:

看下代码。

     
            {$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]

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

select标签有个属性size可以