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

Question

Answer 1

题主要的代码如下

<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>

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