If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

JS Animated. How to add select options into RD Contact Form

This video tutorial shows how to add select options into RD Contact Form in JS animated templates.

  1. Use FTP or File Manager at your hosting cPanel, then open the appropriate *.html file for editing (in our case it is ‘contacts.html’ file).

    How_to_add_select_options_in_RD_contact_form_in_JS_animated_templates-1

  2. In this example we are going to add simple selection menu.

  3. Search for the Get In Touch comment within the contacts.html file content, and add following code below:

    <div class="form-group">
    	<label for="gender-select" class="form-label form-label-outside">Gender:</label>
    	<select id="gender-select" data-placeholder="Select an option" class="form-control" name="gender">
    		<option value="Male">Male</option>
    		<option value="Female">Female</option>
    	</select>
    </div>

    When you are done, press the Save changes button.

    How_to_add_select_options_in_RD_contact_form_in_JS_animated_templates-2

  4. Go back to your site and refresh the contacts page to see the changes.

    How_to_add_select_options_in_RD_contact_form_in_JS_animated_templates-3

  5. In this example we are going to add the selection menu with subcategories.

  6. Open the contact-us.html file, then add the following code below the simple selection menu.

    <div class="form-group">
    	<label for="country-select" class="form-label form-label-outside">Country:</label>
    	<select id="country-select" data-placeholder="Select an option" class="form-control select-filter" name="country-select">
    		<optgroup label="Europe">
    			<option value="Poland">Poland</option>
    			<option value="Germany">Germany</option>
    			<option value="England">England</option>
    		</optgroup>
    		<optgroup label="Asia">
    			<option value="China">China</option>
    			<option value="Japan">Japan</option>
    			<option value="Mongolia">Mongolia</option>
    		</optgroup>
    	</select>
    </div>

    When you are done, press the Save changes button.

    How_to_add_select_options_in_RD_contact_form_in_JS_animated_templates-4

  7. Go back to your site and refresh the contacts page to check a selection menu with subcategories.

    How_to_add_select_options_in_RD_contact_form_in_JS_animated_templates-5

Feel free to check the detailed video tutorial below:

JS Animated. How to add select options into RD Contact Form

JS Animated. How to add select options into RD Contact Form, 1.0 out of 5 based on 1 rating