社群
學習
工具庫
AI工具
休閒
搜尋
繁体中文
目錄
回覆內容：
首頁 後端開發 php教程 javascript - 怎麼把動態的select改成ul導航形式。求指導。

javascript - 怎麼把動態的select改成ul導航形式。求指導。

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Sep 11, 2016 am 11:34 AM
css html javascript php

看下程式碼。 

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

javascript - 怎麼把動態的select改成ul導航形式。求指導。

回覆內容：

看下程式碼。 

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

javascript - 怎麼把動態的select改成ul導航形式。求指導。

select標籤有個屬性size可以

本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序，用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！

顯示更多

熱門文章

如何修復KB5055612無法在Windows 10中安裝？
4 週前 By DDD
<🎜>：泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
<🎜>：種植花園 - 完整的突變指南
3 週前 By DDD
北端：融合系統，解釋
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora：巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
顯示更多

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

顯示更多

熱門話題

Java教學
1671
14
CakePHP 教程
1428
52
Laravel 教程
1331
25
PHP教程
1276
29
C# 教程
1256
24
顯示更多
Related knowledge
HTML與CSS和JavaScript：比較Web技術 HTML與CSS和JavaScript：比較Web技術 Apr 23, 2025 am 12:05 AM

HTML、CSS和JavaScript是構建現代網頁的核心技術：1.HTML定義網頁結構，2.CSS負責網頁外觀，3.JavaScript提供網頁動態和交互性，它們共同作用，打造出用戶體驗良好的網站。

wordpress怎麼導入源碼 wordpress怎麼導入源碼 Apr 20, 2025 am 11:24 AM

導入 WordPress 源碼需要以下步驟：創建子主題以進行主題修改。導入源碼，覆蓋子主題中的文件。激活子主題，使其生效。測試更改，確保一切正常。

2025幣圈交易所哪些安全性比較好？ 2025幣圈交易所哪些安全性比較好？ Apr 20, 2025 pm 06:09 PM

2025年幣圈十大安全靠譜交易所包括：1. 幣安（Binance），2. OKX（歐易），3. Gate.io（芝麻開門），4. Coinbase，5. Kraken，6. Huobi Global（火幣），7. Gemini，8. Crypto.com，9. Bitfinex，10. KuCoin（庫幣）。這些交易所基於合規性、技術實力與用戶反饋被評為安全靠譜。

IIS和PHP的兼容性：深度潛水 IIS和PHP的兼容性：深度潛水 Apr 22, 2025 am 12:01 AM

IIS和PHP可以兼容，通過FastCGI實現。 1.IIS通過配置文件將.php文件請求轉發給FastCGI模塊。 2.FastCGI模塊啟動PHP進程處理請求，提高性能和穩定性。 3.實際應用中需注意配置細節、錯誤調試和性能優化。

如果session_start（）被多次調用會發生什麼？ 如果session_start（）被多次調用會發生什麼？ Apr 25, 2025 am 12:06 AM

多次調用session_start()會導致警告信息和可能的數據覆蓋。 1)PHP會發出警告，提示session已啟動。 2)可能導致session數據意外覆蓋。 3)使用session_status()檢查session狀態，避免重複調用。

作曲家：通過AI的幫助開發PHP 作曲家：通過AI的幫助開發PHP Apr 29, 2025 am 12:27 AM

AI可以幫助優化Composer的使用，具體方法包括：1.依賴管理優化：AI分析依賴關係，建議最佳版本組合，減少衝突。 2.自動化代碼生成：AI生成符合最佳實踐的composer.json文件。 3.代碼質量提升：AI檢測潛在問題，提供優化建議，提高代碼質量。這些方法通過機器學習和自然語言處理技術實現，幫助開發者提高效率和代碼質量。

session_start（）函數的意義是什麼？ session_start（）函數的意義是什麼？ May 03, 2025 am 12:18 AM

session_start（）iscucialinphpformanagingusersessions.1）ItInitiateSanewsessionifnoneexists，2）resumesanexistingsessions，and3）setsasesessionCookieforContinuityActinuityAccontinuityAcconActInityAcconActInityAcconAccRequests，EnablingApplicationsApplicationsLikeUseAppericationLikeUseAthenticationalticationaltication and PersersonalizedContentent。

HTML作為標記語言：其功能和目的 HTML作為標記語言：其功能和目的 Apr 22, 2025 am 12:02 AM

HTML的功能是定義網頁的結構和內容，其目的在於提供一種標準化的方式來展示信息。 1）HTML通過標籤和屬性組織網頁的各個部分，如標題和段落。 2）它支持內容與表現分離，提升維護效率。 3）HTML具有可擴展性，允許自定義標籤增強SEO。

See all articles