title: change text color on change of selection in dropdown list
body: <p>I have a drop-down list of colors, and when selected, i want to change a value of css font color to the value of the selection.</p>
  
  <p>How can i do this?</p>
  
  <pre><code>&lt;select name="color"&gt;
            &lt;option value="white" selected="selected"&gt;white&lt;/option&gt;
            &lt;option value="black"&gt;black&lt;/option&gt;
            &lt;option value="red"&gt;red&lt;/option&gt;
            &lt;option value="light blue"&gt;light blue&lt;/option&gt;
            &lt;option value="dark blue"&gt;dark blue&lt;/option&gt;
            &lt;option value="light green"&gt;light green&lt;/option&gt;
            &lt;option value="dark dreen"&gt;dark green&lt;/option&gt;
            &lt;option value="yellow"&gt;yellow&lt;/option&gt;
            &lt;option value="orange"&gt;orange&lt;/option&gt;
            &lt;option value="pink"&gt;pink&lt;/option&gt;
            &lt;option value="purple"&gt;purple&lt;/option&gt;
            &lt;option value="gray"&gt;gray&lt;/option&gt;
          &lt;/select&gt;
  </code></pre>
  
  <p>The css i want to change (its the text in a textfield)</p>
  
  <pre><code>#create form .text {
      height: 50px;
      width: 500px;
      font-size: 36px;
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-weight: bold;
      color:#fff;
  }
  </code></pre>