How to create Dependent Drop Down list in JavaScript

Question

I want a drop down list with fruits and vegetables

If the user clicks on vegetables the next drop down list want to show some vegetable names

Likewise, the fruits

Answer 1

https://code.sololearn.com/W6rqi00oXPVn/?ref=app

Answer 2

How TO - Clickable Dropdown
https://www.w3schools.com/howto/howto_js_dropdown.asp

Answer 3

How i can connect these two both dropdown with mysql in php