Create a headline page with a short description of what needs to be done on the site and the functionality described in the following paragraphs.
Create 2 drop-down lists, 2 non-numbered lists of cities and states, 2 text boxes, and 2 buttons on the page, according to the template in the picture, in two columns next to each other.
Items in the drop-down menu will be created dynamically in each column and will be identical to those in the non-numbered list under the drop-down menu.
Whenever a user selects one of the items in the drop-down menu, this item moves to the adjacent column, i.e., it is deleted in one column (both in the non-numbered list and in the menu) and added to the second column (both in the unlisted list and in the menu). The task is to move all cities to one column and all countries to the other.
Note: jQuery is recommended to use the change () function.
If a user enters a new city or state in the text box below the unlisted list, it is added by pressing the "Add" button to the list above the text input field and also the corresponding drop-down menu.
You can use both Bootstrap and jQuery when typing. Try a nice graphic design. In addition to the required functionality, you can add everything you think is appropriate to the page. For example, there are missing form tags for the form.
26 freelancers are bidding on average €140 for this job
We are the team that visualize, pens down ideas, adds in the essential ingredient of creativity and imagination and cooks up that perfect dish called brand. Lets discuss in details.