抱歉 是我沒交代好 這個是我下一步的做法
我功力不到那邊 我目前資料都在資料庫 目前都是透過資料庫處理
我目前在參考這篇文章:https://blog.darkthread.net/blog/razor-page-cascading-dropdown/
但是還是看不懂..

不會啦
如果資料存在資料庫的話，把爬蟲的程式碼換成存取資料庫的程式碼

你參考的那篇文章跟我說的做法也是一樣的，不管你用JQuery或Javascript都可以做到

主要在主分類下拉選單 change 事件加上邏輯，發出 AJAX 從後端取得該主分類對映的次分類清單，產生次分類下拉選項，若次分類欄位已有值，則要比對符合選項標為己選取，才能反映現有資料狀態。次分類下拉選單的 change 事件則要將選取結果填入次分類

// 對主項目的下拉選單<select>加入偵聽事件，一旦改變選擇的主類別(Category)，就透過AJAX取得子類別的項目
var subCatgSelector = $("#SubCategory");
$("#TimeSheetEntry_Category").change(function () {
    // 取得子類別清單的ajax
    $.getJSON("?handler=SubCategories&category=" + $(this).val()).done(function (options) {
        // 清空子類別底下的項目
        subCatgSelector.empty();
        var currVal = $("#TimeSheetEntry_SubCategory").val();
        
        // 將後端傳回來前端的所有子類別塞回子類別的<select>當中
        for (var i = 0; i < options.length; i++) {
            var option = options[i];
            var opEl = $("<option></option>").attr("value", option).text(option);
            if (currVal == option) opEl.attr("selected", "selected");
            opEl.appendTo(subCatgSelector);
        }
    });
}).change();

然後依照你使用的資料庫和後端語言
來撰寫後端取得子類別的邏輯
文章當中的後端是使用 .Net Core

好的 感謝你 你這樣寫我就懂很多了 我再多嘗試嘗試