如何对列表中的行点击做出反应？

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
}