セレクトボックスの値をボタンを押さずに、選択しただけで値を取得する方法はありますか？

HTML
1<!DOCTYPE html>
2<html>
3
4<head>
5<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
6  <title>セレクトボックス取得</title>
7  <script type="text/javascript" language="javascript">
8    function onButtonClick() {
9      selindex = document.form1.Select1.value;
10      target = document.getElementById("output");
11      target.innerHTML = selindex;
12    }
13  </script>
14</head>
15
16<body>
17  <form name="form1">
18    <select id="Select1">
19      <option>要素1</option>
20      <option>要素2</option>
21      <option>要素3</option>
22      <option>要素4</option>
23      <option>要素5</option>
24    </select>
25    <input type="button" value="選択" onclick="onButtonClick();" />
26  </form>
27  <div id="output"></div>
28</body>
29
30</html>

上記のソースだとボタンを押してからセレクトボックスの要素が表示されるので、操作として少々不便だと思っています。ボタンを押さずに今選択されているセレクトボックスの値を取得しようと考えていますが、うまくいきません。サイトで「html セレクトボックスの値取得」と検索してもボタンを押してから取得するソースばかりです。

何か方法があればご教授お願いします。