How to do show div block and second selection bar after 1st selection

G’day guys,

i’m just wondering if you can help me out guys, i want to create the following as below and i dunno how
two dropboxes to select the type of service and how you want this service,
after selecting the above, it shows only what is related, as well as adding a calculator to do the math for the client and give the client the estimated price.

Alternatively, doing only one dropbox and make the related div or price appears after that certain selection, but the calculator remains the same to make things kinda easy for the client.

Awaiting your assistance guys.