HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>onchange demo</title>

</head>

<body>

  <label for="color">Pick a color:</label>

  <select id="color" onchange="document.getElementById('out').textContent = 'You chose: ' + this.value">

    <option value="">-- choose --</option>

    <option value="Red">Red</option>

    <option value="Green">Green</option>

    <option value="Blue">Blue</option>

  </select>

  <p id="out">No selection yet.</p>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Basic Events — onchange