Заполните поле с цветами JavaScript

У меня есть раскрывающийся список, который имеет название некоторых цветов. Затем у меня есть функция, которая заполняет ящик, который я создал. Я хочу связать их, что, когда я меняю цвет из выпадающего списка, нажмите кнопку рисования, соответственно изменится цвет, который заполняется. Как я могу это сделать ? Благодарю. Вот мой код:Заполните поле с цветами JavaScript

<!DOCTYPE html> 
<html> 
<head> 
    <script> 
     function drawBox() { 
      var c = document.getElementById("myCanvas"); 
      var ctx = c.getContext("2d"); 
      ctx.fillStyle = "#FF0000"; 
      ctx.fillRect(0,0,600,400); 
     } 
    </script> 
</head> 
<body> 
<canvas id="myCanvas" width="600" height="400" style="border:1px solid #c3c3c3;"> 
</canvas> 

<FORM NAME="table"> 
    <select> 
     <option id=r value="Red">Red</option> 
     <option id=g value="Green">Green</option> 
     <option id=b value="Blue">Blue</option> 
    </select> 
    <input type=button value="Draw me a box" onClick="drawBox()"> 
</FORM> 
</body> 
</html>

источник

2015-04-22 Ching

Использования 'onchange' событий для выберите, например, '