javascript中通过onchange相应改变文本框字体颜色

题主要的代码如下

<div>
    <input type="text" value="I like JavaScript" />
    <select onchange="setColor(this)">
        <option value="red">红</option>
        <option value="yellow">黄</option>
        <option value="blue">蓝</option>
        <option value="green">绿</option>
        <option value="purple">紫</option>
    </select>
</div>
<div>
    <input type="text" value="I like JavaScript" />
    <select onchange="setColor(this)">
        <option value="red">红</option>
        <option value="yellow">黄</option>
        <option value="blue">蓝</option>
        <option value="green">绿</option>
        <option value="purple">紫</option>
    </select>
</div>
<div>
    <input type="text" value="I like JavaScript" />
    <select onchange="setColor(this)">
        <option value="red">红</option>
        <option value="yellow">黄</option>
        <option value="blue">蓝</option>
        <option value="green">绿</option>
        <option value="purple">紫</option>
    </select>
</div>
<script>
    function setColor(el) {
        el.previousElementSibling.style.color = el.value;
    }
</script>

有帮助麻烦点下【采纳该答案】，谢谢~~有其他问题可以继续交流~

通过onchange函数传颜色参数到函数改变颜色，参考：

function myFocus(obj,color){  
             //设置文本框获取焦点时候背景颜色变换  
             obj.style.backgroundColor=color;  
         }