title: change text color on change of selection in dropdown list for each row
body: <p>I have a dropdown list of different colors on one row, and when list selected, i would like to change a value of text color on that row to the value of the selection. 
  Each row have one field of dropdown list, everytime user select dropdown list all the field on that will change the same color.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  
  &lt;script type="text/javascript"&gt;
       function updateTextColour(value) {
              if (dropdownList.value &gt; 0) {
                  dropdownList.style.color = 'red';
                  //document.body.style.color = '#' + value;
          } }           
      &lt;/script&gt;        
      &lt;style type="text/css"&gt;.style1 {color: #FF0000;}&lt;/style
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form&gt;Change the text color: &lt;br&gt;
         &lt;table&gt;
         &lt;tr&gt;
      &lt;td id="1" style="width:40px"&gt;1&lt;/td&gt;
      &lt;td id="1" style="width:180px" class="style7"&gt;
          &lt;span class="style1"&gt;&lt;span class="style1"&gt;           
          &lt;select name="backGround" size="1" onChange="updateTextColour(this.value);"&gt;&lt;!--changeColor(this.selected);"--&gt;
              &lt;option value="FF0400" style="color:red"&gt;[Red]&lt;/option&gt;
              &lt;option value="05EF00" style="color:Green"&gt;[Green]&lt;/option&gt;
              &lt;option value="0206FF" style="color:Blue"&gt;[Blue]&lt;/option&gt;
              &lt;option value="000000" selected&gt;[black]&lt;/option&gt;
          &lt;/select&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;
          &lt;td "width:auto" class="style8"&gt;Need to change to color row 1&lt;/td&gt;   
          &lt;br&gt;&lt;br&gt;&lt;/tr&gt;
          &lt;table&gt; 
          &lt;tr&gt;
          &lt;td id="2" style="width:40px"&gt;2&lt;/td&gt;
          &lt;td id="2" style="width:180px" class="style7"&gt;
  
          &lt;span class="style1"&gt;&lt;span class="style1"&gt;  
          &lt;select name="backGround2" size="1" onChange="updateTextColour(this.value);"&gt;&lt;!--changeColor(this.selected);"--&gt;
              &lt;option value="000000"&gt;[Black]&lt;/option&gt;
              &lt;option value="FF0400" style="color:red"&gt;[Red]&lt;/option&gt;
              &lt;option value="EFE800" style="color:Yellow"&gt;[Yellow]&lt;/option&gt;
              &lt;option value="05EF00" style="color:Green"&gt;[Green]&lt;/option&gt;
              &lt;option value="0206FF" style="color:Blue"&gt;[Blue]&lt;/option&gt;
              &lt;option value="FFFFFF" selected&gt;[White]&lt;/option&gt;
          &lt;/select&gt;&lt;/span&gt;&lt;/span&gt; &lt;/td&gt;
          &lt;td "width:auto" class="style8"&gt;Need to change to color row 2&lt;/td&gt;
          &lt;/tr&gt;
          &lt;/table&gt;&lt;/table&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>