Passing parameters on onChange of html select

Question

lets say i have got two html pages which both contain the same select box:

<select onchange="this.options[this.selectedIndex].value && (window.location =    this.options[this.selectedIndex].value);">
<option value="/site1.php">Site1</option>
<option value="/site2.php">Site2</option>
</select>

I am looking for a way to pass the value of selectedIndex to the next page, so I can use it at the second page select box too. Any suggestions?

Thanks in advance

The problem is when i am passing it via php, i am not able to set selectedindex via javascript because i have no access to php variables. — Dede1989, May 06 '14 at 19:33

nicael · Answer 1 · 2014-05-06T19:49:11.210

1

localStorage

Store:

localStorage.userEdits=this.options[this.selectedIndex].value;

Get, on the other page :

var yourIndex = localStorage.userEdits;

hash

Set:

window.location.href="yourURL#index="+this.options[this.selectedIndex].value;

Get:

var yourIndex=window.location.hash.replace("index=","").parseInt();

edited May 06 '14 at 19:49

answered May 06 '14 at 19:35

nicael

18,550
13
57
90

It is a valid solution but not for my scenario, since the website will be used by older internetbrowsers. – Dede1989 May 06 '14 at 19:40
Thanks, but for me it seems to be not an elegant way because i also pass other $get variables. – Dede1989 May 06 '14 at 20:01
@Dede1989 Oh, doesn't suit? But it works, didn't expect you want an *elegant* adress! – nicael May 06 '14 at 20:03

score 0 · Answer 2 · edited May 23 '17 at 10:26

0

You can use query parameters:

window.location = 'YOUR_URL?selectedIndex=' + this.options[this.selectedIndex].value

Using query params forces you to parse them. This is explained here (you can do just fine with pure JS).

edited May 23 '17 at 10:26

Community

1
1

answered May 06 '14 at 19:31

Jenian

552
1
5
18

Look at my first answer :) – Dede1989 May 06 '14 at 19:36

Passing parameters on onChange of html select

2 Answers2