仅显示与select option laravel中的类别相关的子类别

$categories = [
    '电子产品' => ['手机', '电脑', '平板'],
    '家用电器' => ['电视', '冰箱', '洗衣机'],
    '服装鞋帽' => ['衬衫', '裤子', '鞋子'],
];

<select id="category" onchange="showSubcategories()">
    <option value="">请选择类别</option>
    @foreach($categories as $category => $subcategories)
        <option value="{{ $category }}">{{ $category }}</option>
    @endforeach
</select>

<select id="subcategory">
    <option value="">请选择子类别</option>
</select>

<script>
    function showSubcategories() {
        var category = document.getElementById('category').value;
        var subcategorySelect = document.getElementById('subcategory');
        subcategorySelect.innerHTML = '<option value="">请选择子类别</option>';

        if (category !== '') {
            var subcategories = @json($categories);
            subcategories[category].forEach(function(subcategory) {
                var option = document.createElement('option');
                option.value = subcategory;
                option.text = subcategory;
                subcategorySelect.appendChild(option);
            });
        }
    }
</script>