更改下拉列表中的選擇更改的文本顏色

Question

我有一個下拉列表的顏色，選擇時，我想更改爲選擇的值的CSS字體顏色的值。

我該怎麼做？

<select name="color"> 
      <option value="white" selected="selected">white</option> 
      <option value="black">black</option> 
      <option value="red">red</option> 
      <option value="light blue">light blue</option> 
      <option value="dark blue">dark blue</option> 
      <option value="light green">light green</option> 
      <option value="dark dreen">dark green</option> 
      <option value="yellow">yellow</option> 
      <option value="orange">orange</option> 
      <option value="pink">pink</option> 
      <option value="purple">purple</option> 
      <option value="gray">gray</option> 
     </select> 

我想改變（其在文本框的文本）

#create form .text { 
    height: 50px; 
    width: 500px; 
    font-size: 36px; 
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    color:#fff; 
} 

Answer 1

這將爲顏色搭配，除了光/暗藍色/綠：使他們的工作，除去相應option標籤的value屬性的空間（並修復暗dreen錯字）

<script language="javascript"> 
    function setColor() 
    { 
    var color = document.getElementById("color").value; 
    document.getElementById("txtID").style.color = color; 
    } 
</script> 

<select id="color" onclick="setColor();">...</select> 

Answer 2

這是很容易使用jQuery（或大部分圖書館）

$('#color').change(function(){ 
    $('#create form .text').css('color', $(this).val()); 
}); 

我認爲CSS該代碼是相當自我解釋

編輯
只注意到你的一些價值觀是不是真正的顏色，你可以使用一個開關對於這些情況，還是決定給他們的CSS顏色名稱值：http://www.w3schools.com/css/css_colornames.asp