Twitter bootstrap 使用引导选择,更改或选择选项时更改文本颜色

Twitter bootstrap 使用引导选择,更改或选择选项时更改文本颜色,twitter-bootstrap,bootstrap-select,bootstrap-selectpicker,Twitter Bootstrap,Bootstrap Select,Bootstrap Selectpicker,我在一个页面上使用bootstrap select/selectpicker处理几个不同的下拉列表。每个列表的框显示所选项目的标题,这是第一个选项。我的目标是更改任何其他选中选项(而不是每个列表中的第一个选项)的显示颜色,如红色。用户可以很容易地看到是否进行了更改或选择。(每次更改都会触发对部分页面的更新。)这可能吗 <form id='submitCriteria' action='' method='post'> <select id='selLevel' clas

我在一个页面上使用bootstrap select/selectpicker处理几个不同的下拉列表。每个列表的框显示所选项目的标题,这是第一个选项。我的目标是更改任何其他选中选项(而不是每个列表中的第一个选项)的显示颜色,如红色。用户可以很容易地看到是否进行了更改或选择。(每次更改都会触发对部分页面的更新。)这可能吗

<form id='submitCriteria' action='' method='post'>
    <select id='selLevel' class='selectpicker' name='levels'>
        <option title='Levels' value='No Preference' 
            selected = 'selected'>No Preference</option>
        <option title='Levels:<br>  1+' value=1 >1+ </option>
        <option title='Levels:<br>  2+' value=2 >2+ </option>
        <option title='Levels:<br>  3+' value=3 >3+ </option>
    </select>
    <select id='selGar' class='selectpicker' name='gar'> 
        <option title='Garage' value='No Preference' 
            selected = 'selected'>No Preference</option>
        <option title='Garage:<br>  1+' value=1 >1+ </option>
        <option title='Garage:<br>  2+' value=2 >2+ </option>
        <option title='Garage:<br>  3+' value=3 >3+ </option>
        <option title='Garage:<br>  4+' value=4 >4+ </option>
        <option title='Garage:<br>  5+' value=5 >5+ </option>
    </select>
</form>

无偏好
1+ 
2+ 
3+ 
无偏好
1+ 
2+ 
3+ 
4+ 
5+ 

您是否尝试过使用此功能:

以下是一个适合您的案例的片段:


无偏好
1+ 
2+ 
3+ 
无偏好
1+ 
2+ 
3+ 
4+ 
5+ 

太棒了!这正是我想要的。我不知道该怎么做。非常感谢!!