Click here to Skip to main content
15,851,453 members
Home / Discussions / JavaScript
   

JavaScript

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

Given a select list:
HTML
<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:
JavaScript
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 9:56
and180y15-Jun-20 9:56 
GeneralRe: Data from one page to another with a twist. Pin
Richard Deeming15-Jun-20 9:58
mveRichard Deeming15-Jun-20 9:58 
GeneralRe: Data from one page to another with a twist. Pin
and180y15-Jun-20 10:07
and180y15-Jun-20 10:07 
GeneralRe: Data from one page to another with a twist. Pin
Richard Deeming15-Jun-20 10:16
mveRichard Deeming15-Jun-20 10:16 
QuestionJavascript function error. Pin
and180y9-Jun-20 14:55
and180y9-Jun-20 14:55 
AnswerRe: Javascript function error. Pin
Richard MacCutchan9-Jun-20 22:03
mveRichard MacCutchan9-Jun-20 22:03 
GeneralRe: Javascript function error. Pin
and180y10-Jun-20 0:27
and180y10-Jun-20 0:27 
GeneralRe: Javascript function error. Pin
Richard MacCutchan10-Jun-20 0:36
mveRichard MacCutchan10-Jun-20 0:36 
GeneralRe: Javascript function error. Pin
and180y10-Jun-20 1:21
and180y10-Jun-20 1:21 
GeneralRe: Javascript function error. Pin
Estys10-Jun-20 1:31
Estys10-Jun-20 1:31 
GeneralRe: Javascript function error. Pin
and180y10-Jun-20 1:59
and180y10-Jun-20 1:59 
GeneralRe: Javascript function error. Pin
Richard MacCutchan10-Jun-20 1:37
mveRichard MacCutchan10-Jun-20 1:37 
GeneralRe: Javascript function error. Pin
and180y10-Jun-20 1:58
and180y10-Jun-20 1:58 
GeneralRe: Javascript function error. Pin
Richard MacCutchan10-Jun-20 2:18
mveRichard MacCutchan10-Jun-20 2:18 
AnswerRe: Javascript function error. Pin
Richard Deeming10-Jun-20 0:13
mveRichard Deeming10-Jun-20 0:13 
GeneralRe: Javascript function error. Pin
and180y10-Jun-20 0:25
and180y10-Jun-20 0:25 
GeneralRe: Javascript function error. Pin
Richard Deeming10-Jun-20 2:26
mveRichard Deeming10-Jun-20 2: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.