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 2 (of 2 total)
You must be logged in to reply to this topic. Login to reply