Click here to Skip to main content
14,661,643 members
Home » Discussions » JavaScript
   

JavaScript

 
QuestionData from one page to another with a twist. Pin
and180y14-Jun-20 10:33
Memberand180y14-Jun-20 10:33 
AnswerRe: Data from one page to another with a twist. Pin
Richard Deeming15-Jun-20 0:41
mveRichard Deeming15-Jun-20 0:41 
GeneralRe: Data from one page to another with a twist. Pin
and180y15-Jun-20 1:00
Memberand180y15-Jun-20 1:00 
GeneralRe: Data from one page to another with a twist. Pin
Richard Deeming15-Jun-20 1:15
mveRichard Deeming15-Jun-20 1:15 
GeneralRe: Data from one page to another with a twist. Pin
and180y15-Jun-20 1:24
Memberand180y15-Jun-20 1:24 
GeneralRe: Data from one page to another with a twist. Pin
Richard Deeming15-Jun-20 1:27
mveRichard Deeming15-Jun-20 1:27 
GeneralRe: Data from one page to another with a twist. Pin
and180y15-Jun-20 1:46
Memberand180y15-Jun-20 1:46 
GeneralRe: Data from one page to another with a twist. Pin
Richard Deeming15-Jun-20 4:59
mveRichard Deeming15-Jun-20 4:59 
Ah, no, sorry. I thought you were trying to put the values into the text inputs.

Given a select list:
<div class='dropdown-container row p-4'>
    <select>
        <option class='dropdown'>level-1</option>
        <option class='dropdown'>level-2</option>
        <option class='dropdown'>level-3</option>
        <option class='dropdown'>level-4</option>
        <option class='dropdown'>level-5</option>
        <option class='dropdown'>level-6</option>
    </select>
</div>
and the URL: overheads5.html?level-1=10&level-2=20&level-3=30&level-4=40&level-5=&level-6=

then something like this should work:
const searchParams = new URLSearchParams(location.search);
const elements = document.getElementsByClassName("dropdown");
let index = 0;

for (const [key, value] of searchParams) {
    let element = elements[index];
    element.text = value;
    index++;
}
Demo[^]



"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

GeneralRe: Data from one page to another with a twist. Pin
and180y15-Jun-20 8:56
Memberand180y15-Jun-20 8:56 
GeneralRe: Data from one page to another with a twist. Pin
Richard Deeming15-Jun-20 8:58
mveRichard Deeming15-Jun-20 8:58 
GeneralRe: Data from one page to another with a twist. Pin
and180y15-Jun-20 9:07
Memberand180y15-Jun-20 9:07 
GeneralRe: Data from one page to another with a twist. Pin
Richard Deeming15-Jun-20 9:16
mveRichard Deeming15-Jun-20 9:16 
QuestionJavascript function error. Pin
and180y9-Jun-20 13:55
Memberand180y9-Jun-20 13:55 
AnswerRe: Javascript function error. Pin
Richard MacCutchan9-Jun-20 21:03
mveRichard MacCutchan9-Jun-20 21:03 
GeneralRe: Javascript function error. Pin
and180y9-Jun-20 23:27
Memberand180y9-Jun-20 23:27 
GeneralRe: Javascript function error. Pin
Richard MacCutchan9-Jun-20 23:36
mveRichard MacCutchan9-Jun-20 23:36 
GeneralRe: Javascript function error. Pin
and180y10-Jun-20 0:21
Memberand180y10-Jun-20 0:21 
GeneralRe: Javascript function error. Pin
Estys10-Jun-20 0:31
MemberEstys10-Jun-20 0:31 
GeneralRe: Javascript function error. Pin
and180y10-Jun-20 0:59
Memberand180y10-Jun-20 0:59 
GeneralRe: Javascript function error. Pin
Richard MacCutchan10-Jun-20 0:37
mveRichard MacCutchan10-Jun-20 0:37 
GeneralRe: Javascript function error. Pin
and180y10-Jun-20 0:58
Memberand180y10-Jun-20 0:58 
GeneralRe: Javascript function error. Pin
Richard MacCutchan10-Jun-20 1:18
mveRichard MacCutchan10-Jun-20 1:18 
AnswerRe: Javascript function error. Pin
Richard Deeming9-Jun-20 23:13
mveRichard Deeming9-Jun-20 23:13 
GeneralRe: Javascript function error. Pin
and180y9-Jun-20 23:25
Memberand180y9-Jun-20 23:25 
GeneralRe: Javascript function error. Pin
Richard Deeming10-Jun-20 1:26
mveRichard Deeming10-Jun-20 1:26 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.