The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> User Create Account Hide/Show Drop-downs based on User Selection
aon
post Sep 17 2019, 03:49 PM
Post #1





Group: Members
Posts: 4
Joined: 17-September 19
Member No.: 26,992



Hi All,
Amateur coder here. In the create account page I want the customers and dealers to sign up through the same portal. Here I have incorporated a number of drop down menus, however I wish the dropdown menu's to only appear/hide if certain options are selected by the user.

Once the User has inputted their first & last names, email and password, they must then choose from the dropdowns. The first drop down must always be shown. Here the User must choose whether they are a (1) customer or a (2) dealer.
If they choose (1) customer, a second dropdown menu appears asking them if they are a yacht owner.
The second dropdown menu will simply have the options (3) yes or (4) no.
If (3) Yes is chosen, they are shown a third dropdown menu asking them for their HIN or Yacht's serial number.
If (4) they can just accept the T&Cs and create an account.

If the User chooses (2) Dealer, a second & third text input menu will appear at the same time. One will ask what their Legal name for their dealership is, and the other is a confirmation code - so we can check if it's actually them signing up.
The User can just accept the T&Cs and create an account.
Hopefully this isn't too overwhelming. Please let me know if there is simple code to execute this?
Thank you and Best regards!

IPB Image
IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
CharlesEF
post Sep 18 2019, 05:17 PM
Post #2


Programming Fanatic
********

Group: Members
Posts: 1,677
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



You should run your pages through a validator, there are many errors. Anyway, attached is a sample of what you want to do. You will have to plug it into your Shopify page. I can't help with that.
Attached File  show_hide.html ( 3.31k ) Number of downloads: 79
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
aon
post Sep 19 2019, 08:02 AM
Post #3





Group: Members
Posts: 4
Joined: 17-September 19
Member No.: 26,992



QUOTE(CharlesEF @ Sep 18 2019, 11:17 PM) *

You should run your pages through a validator, there are many errors. Anyway, attached is a sample of what you want to do. You will have to plug it into your Shopify page. I can't help with that.
Attached File  show_hide.html ( 3.31k ) Number of downloads: 79



Wow incredible help thank you very much indeed!!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
3 User(s) are reading this topic (3 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 17th November 2019 - 07:52 PM