I am trying to do something, but I don’t know if it’s acutally possible…
Basically I’m trying to pass information in the url… (something like this)
JavaScript
x
4
1
<form class="header__search" method="GET" action="">
2
<input name="q" placeholder="Browse Topics" />
3
</form>
4
but instead of using a text input I would like the user to simply click an option in a dropdown menu… (like this)
JavaScript
1
18
18
1
<form action="" method="GET">
2
<div class="units-div">
3
<label for="units">Units:</label>
4
<select name="units" id="units-selection">
5
<option value="metric">Metric</option>
6
<option value="imperial">Imperial</option>
7
</select>
8
</div>
9
<div class="language-div">
10
<label for="language">Language:</label>
11
<select name="language" id="language-selection">
12
<option value="english">English</option>
13
<option value="italian">Italian</option>
14
</option>
15
</select>
16
</div>
17
</form>
18
Is it possible to do so? Hopefully I’ve explained myself decently lol
Advertisement
Answer
You can do this with javascript and onchange attribute:
JavaScript
1
16
16
1
<div class="units-div">
2
<label for="units">Units:</label>
3
<select name="units" id="units-selection" onchange="window.location.href='?units='+units-selection.value+'&language='+language-selection.value">
4
<option value="metric">Metric</option>
5
<option value="imperial">Imperial</option>
6
</select>
7
</div>
8
<div class="language-div">
9
<label for="language">Language:</label>
10
<select name="language" id="language-selection" onchange="window.location.href='?units='+units-selection.value+'&language='+language-selection.value">
11
<option value="english">English</option>
12
<option value="italian">Italian</option>
13
</option>
14
</select>
15
</div>
16