Javascript 当选择菜单更改时，使字体图标更改颜色。

这里的新手，我正在努力理解JavaScript，但我需要朝着正确的方向努力

我对HTML和CSS有基本的了解。 你能告诉我我需要用哪种语言来完成我的目标吗？我需要Bootstrap吗

这只是我正在研究的一个例子。 我需要的字体真棒图标更改为什么颜色的用户选择了从下拉菜单

下面是我的示例的HTML

<link rel="stylesheet" type='text/css' href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
 <table> 
    <tr>
        <td>
            <select>
            <option value="blue">BLUE</option>
            <option value="red">RED</option>
            <option value="green">GREEN</option>
        </select>
    </td>
    <td>
        <td>
            <i class="fa fa-phone"></i>
        </td>
        </tr>
</table>
<style>
<!--Help here! -->
</style>

更新

我已经更新了答案，以显示如何使用on-see注释添加事件处理程序

您只需要向select元素的change事件添加一个处理程序

您可以通过以下方式完成：

或与：

当它改变时，向字体图标添加一个新的CSS规则

$“我的选择”。更改函数{ $'icon_phone'.css'color'，$this.val； }; $'my_select2'。在“更改”功能上{ $'icon_phone'.css'color'，$this.val； }; 蓝色 红色 绿色 蓝色 红色 绿色

---

看起来你走的路是对的，JavaScript是你在这里寻找的，可以在你的页面上获得一些交互性

我建议您从开始就开始，您可以查看这篇文章，了解一个基本的模板，它提供了一种非常基本的方法，可以在这里通过更改内容来获得交互

---

我建议您熟悉jQuery的工作原理，然后尝试使用jQuery更改图标的css/类。这将使您走上正确的道路。

非常感谢您！我正在做。onclick。显然，我需要更多的练习，我根本不会问这个问题，只是我已经诚实地试着弄明白了整整一个月。@NewPerson:事实上，你也可以用在。。。我已经更新了我的答案。

$('#my_select').change( function() {
    $('#icon_phone').css( 'color', $(this).val() );
});

$('#my_select').on( 'change', function() {
    $('#icon_phone').css( 'color', $(this).val() );
});