<script>

        const menu = document.querySelector('#menu');

        const span = document.querySelector('span')

        menu.addEventListener('change', subMenu);

        function subMenu() {

            switch (this.value) {

                case 'nuts':

                    span.innerHTML = '碧根果、巴旦木、夏威夷果、腰果、开心果';

                    break;

                case 'fruit':

                    span.innerHTML = '苹果、香蕉、鸭梨、橙子、西瓜';

                    break;

                case 'cake':

                    span.innerHTML = '慕斯、奶酪、海绵、重油、戚风';

                    break

                default:

                    span.innerHTML = '';

            }

        }

    </script>