April 9, 2024 at 3:09 am
I want to design two tables considering the following scenario. Consider the image below:

I’m moving blue boxes (which shows up on screen after Show Options the button is clicked) from left to right (on the grid) after clicking Move Text Content! button. Here are the steps I follow:
So, once "Move Text Content!" button is clicked, I want to save the information in the database tables. Let's say if my actual select statement is the following for discussion purpose:
<select> <option value="101">Capricorn</option> <option value="102">Aquarius</option> <option value="103">Pisces</option> <option value="104">Aries</option> <option value="105">Taurus</option> <option value="106">Gemini</option> <option value="107">Cancer</option> <option value="108">Leo</option> <option value="109">Virgo</option> <option value="110">Libra</option> <option value="111">Scorpio</option> <option value="121">Sagittarius</option> </select>
Selecting Capricon produces 4 HTML elements like following:
Capricon#1Capricon#2Capricon#3Capricon#4
IS the following design okay?
I'm thinking about having an OptionsTabe where id is a primary key and valueID will store the value of Capricon

And then the SeectedOptions table would contain other details like this:

Here optionsID is the primary key of above table. Here is my working code in case anyone is interested in playing around with it.
April 9, 2024 at 12:06 pm
You working code link leads to a "Run this fiddle" link. I cancelled from there.
--Jeff Moden
Change is inevitable... Change for the better is not.
April 9, 2024 at 2:48 pm
Yes, the link I shared requires to click that button so that it can run the code in a full screen mode. It's in a "show" mode (as you can see towards the end of the URL here: https://jsfiddle.net/c107jfdn/show) .
Here is another link that won't ask you to click anything : https://jsfiddle.net/c107jfdn
But it won't show in full screen.
Viewing 3 posts - 1 through 3 (of 3 total)
You must be logged in to reply to this topic. Login to reply