How to react on click from the line in list? - php

Question

Someone can help me to solve this
I have this html select tag, and I have a button,
how to react on the one line from this list and press the button, so this line will be redirected to another page?
<p><strong>Select your favorite species of flamingo.</strong></p>
<select size="6">
<option value="American">American flamingo</option>
<option value="Andean">Andean flamingo</option>
<option value="Chilean">Chilean flamingo</option>
<option value="Greater">Greater flamingo</option>
<option value="James's">James's flamingo</option>
<option value="Lesser">Lesser flamingo</option>
</select>
<input name="submit" type="submit" value=" OK!">

Answer 1

You don't need javascript for this if you have some php in place. It's standard form controls functionality. I'm assuming you have some kind of script reading some parameter. I'm going to call the script photos.php and the parameter species.
<form method="get" action="photos.php">
<select name="species">
<option value="">Select one...</option>
<option value="American">American flamingo</option>
<option value="Andean">Andean flamingo</option>
<option value="Chilean">Chilean flamingo</option>
<option value="Greater">Greater flamingo</option>
<option value="James's">James's flamingo</option>
<option value="Lesser">Lesser flamingo</option>
</select>
<input name="submit" type="submit" value=" OK!">
</form>
Then, in your php, check the value and redirect:
if (isset($_GET['species'])) {
if (in_array($_GET['species'], ['American', 'Andean'])) { // Other species omitted
header('Location: /photos/'. $_GET['species'] . '.html';
exit();
}
} else {
// Output your selection form
}

Answer 2

If I don't misunderstood your question then you can do this way using JS, Also you can do this with simple .php form submit on a particular page and then check which option value is selected. Finally redirect to a flower page based on the selected option value as #msg pointed.
window.location.replace will redirect you to the page as per your selection.
window.onload=function() {
document.getElementById("form1").onsubmit=function() {
let selected_option = document.getElementById('option').value;
window.location.replace(selected_option);
return false;
}
}
<form id="form1">
<p><strong>Select your favorite species of flamingo.</strong></p>
<select id="option" size="6" name="flamigos">
<option value="American.html">American flamingo</option>
<option value="Andean.html">Andean flamingo</option>
<option value="Chilean.html">Chilean flamingo</option>
<option value="Greater.html">Greater flamingo</option>
<option value="James's.html">James's flamingo</option>
<option value="Lesser.html">Lesser flamingo</option>
</select>
<input name="submit" type="submit" value=" OK!">
</form>