Dependent <select> menus in HTML and JavaScript

Question

I have two fields in my page. The first is shown below with some illustrative brand names:

Answer 1

You would need cascading select fields to achieve the desired behavior. This can not be done purely in HTML, and you would need some programming logic in JavaScript to do it as you wish.

The topic is explained in details in the following links:

• How to populate a cascading Dropdown with JQuery
• populate second dropdown based on selected value of first dropdown
• How to populate second dropdown in $.ajax() depending on value of first dropdown?
• Populate second select-dropdown based on choice of first select-dropdown and populate the external content below the radiobuttons
• How does one make a cascading drop-down list in HTML with JavaScript?
• Javascript Cascading Drop Down Menu With 4 Hierarchical Boxes

Note: I didn't flag this question as a duplicate because you didn't explicitly mention JavaScript in the question.