javascript – So ändern Sie die dynamische Auswahl in ein UL-Navigationsformular. Bitten Sie um Führung.-PHP-Tutorial-php.cn

Inhaltsverzeichnis

Antwortinhalt:

Heim

Backend-Entwicklung

PHP-Tutorial

javascript – So ändern Sie die dynamische Auswahl in ein UL-Navigationsformular. Bitten Sie um Führung.

Sep 11, 2016 am 11:34 AM

css html javascript php

Sehen Sie sich den Code an.

<code>     &lt;!-- 大系列 --&gt;
            &lt;td style="visibility: hidden;"&gt;{$lang.big_series}&lt;select name="big_cate_id" id="big_cate_id"&gt;
                    &lt;option value=""&gt;{$lang.please_select}&lt;/option&gt;
                    {foreach from=$big_series item=big}&lt;option value="{$big.sapval}" rel="{$big.cat_id}"&gt;{$big.cat_name}&lt;/option&gt;{/foreach}
                &lt;/select&gt;
            &lt;/td&gt;
        &lt;/tr&gt;                    
            &lt;!-- 小系列 --&gt;
           &lt;!-- &lt;td&gt;{$lang.sub_series}&lt;select name="sub_cate_id" id="sub_cate_id" onchange="searchGoods();"&gt;
                    &lt;option value=""&gt;{$lang.please_select}&lt;/option&gt;
                    {foreach from=$sub_series item=sub}&lt;option value="{$sub.sapval}" class="s{$sub.parent_id}"&gt;{$sub.cat_name}&lt;/option&gt;{/foreach}
                &lt;/select&gt;
            &lt;/td&gt;                                     --&gt;
            &lt;!-- 商品号or商品名 --&gt;
        &lt;tr&gt;
            &lt;td align="center"&gt;
                &lt;input type="text" name="keyword" size="15" placeholder="产品名(号)" style="height:19px;line-height:19px;" /&gt;
                &lt;input type="submit" value="搜索产品" class="button" /&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;{$lang.sub_series}&lt;select name="sub_cate_id" id="sub_cate_id" onchange="searchGoods();" size="20"&gt;
                  
                    {foreach from=$sub_series item=sub}&lt;li value="{$sub.sapval}" class="s{$sub.parent_id}"&gt;{$sub.cat_name}&lt;/li&gt;{/foreach}
                    
                &lt;/select&gt;
            &lt;/td&gt; 
        &lt;/tr&gt;
 
 
 $(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('&lt;option value=""&gt;{$lang.please_select}&lt;/option&gt;');
        if(sapval == ''){
            for(var i=0,len=subcate.length; i&lt;len; i++){
                $('#sub_cate_id').append("&lt;option value='"+ subcate[i].sapval +"'&gt;" + subcate[i].cat_name + "&lt;/option&gt;");
            }
        }else{
            for(var i=0,len=subcate.length; i&lt;len; i++){
                if(subcate[i].parent_id == cat_id){
                    $('#sub_cate_id').append("&lt;option value='"+ subcate[i].sapval +"'&gt;" + subcate[i].cat_name + "&lt;/option&gt;");
                }
            }
        }
    });
});
{/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]
</code>

Nach dem Login kopieren

javascript – So ändern Sie die dynamische Auswahl in ein UL-Navigationsformular. Bitten Sie um Führung.

Antwortinhalt:

Sehen Sie sich den Code an.

<code>     &lt;!-- 大系列 --&gt;
            &lt;td style="visibility: hidden;"&gt;{$lang.big_series}&lt;select name="big_cate_id" id="big_cate_id"&gt;
                    &lt;option value=""&gt;{$lang.please_select}&lt;/option&gt;
                    {foreach from=$big_series item=big}&lt;option value="{$big.sapval}" rel="{$big.cat_id}"&gt;{$big.cat_name}&lt;/option&gt;{/foreach}
                &lt;/select&gt;
            &lt;/td&gt;
        &lt;/tr&gt;                    
            &lt;!-- 小系列 --&gt;
           &lt;!-- &lt;td&gt;{$lang.sub_series}&lt;select name="sub_cate_id" id="sub_cate_id" onchange="searchGoods();"&gt;
                    &lt;option value=""&gt;{$lang.please_select}&lt;/option&gt;
                    {foreach from=$sub_series item=sub}&lt;option value="{$sub.sapval}" class="s{$sub.parent_id}"&gt;{$sub.cat_name}&lt;/option&gt;{/foreach}
                &lt;/select&gt;
            &lt;/td&gt;                                     --&gt;
            &lt;!-- 商品号or商品名 --&gt;
        &lt;tr&gt;
            &lt;td align="center"&gt;
                &lt;input type="text" name="keyword" size="15" placeholder="产品名(号)" style="height:19px;line-height:19px;" /&gt;
                &lt;input type="submit" value="搜索产品" class="button" /&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;{$lang.sub_series}&lt;select name="sub_cate_id" id="sub_cate_id" onchange="searchGoods();" size="20"&gt;
                  
                    {foreach from=$sub_series item=sub}&lt;li value="{$sub.sapval}" class="s{$sub.parent_id}"&gt;{$sub.cat_name}&lt;/li&gt;{/foreach}
                    
                &lt;/select&gt;
            &lt;/td&gt; 
        &lt;/tr&gt;
 
 
 $(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('&lt;option value=""&gt;{$lang.please_select}&lt;/option&gt;');
        if(sapval == ''){
            for(var i=0,len=subcate.length; i&lt;len; i++){
                $('#sub_cate_id').append("&lt;option value='"+ subcate[i].sapval +"'&gt;" + subcate[i].cat_name + "&lt;/option&gt;");
            }
        }else{
            for(var i=0,len=subcate.length; i&lt;len; i++){
                if(subcate[i].parent_id == cat_id){
                    $('#sub_cate_id').append("&lt;option value='"+ subcate[i].sapval +"'&gt;" + subcate[i].cat_name + "&lt;/option&gt;");
                }
            }
        }
    });
});
{/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]
</code>

Nach dem Login kopieren

javascript – So ändern Sie die dynamische Auswahl in ein UL-Navigationsformular. Bitten Sie um Führung.

Das Select-Tag hat das Attribut size

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn