下拉列表更换器

时间:2011-05-25 19:14:31

标签: jquery css jquery-selectors

如何制作选择器下拉列表?选择后,我希望它选择一个项目的CSS。

由于 克里斯

1 个答案:

答案 0 :(得分:0)

这真的不是那么困难。如果选择值1,下面的示例会将id = itemtochange的项目上的文本更改为红色,否则会更改为蓝色。这有一百万种不同的变化,但是你可以了解它。

您的选择框:

<select id="selectbox">
  <option value="value1">Val 1</option>
  <option value="value2">Val 2</option>
 </select>

和Jquery:

`<script type="text/javascript">
   $('#selectbox').change(function() {
      if $('#selectbox').val() == 'value1' {
        $('#itemtochange').css("color","red");
      } else {
        $('#itemtochange').css("color","blue");
      }
   });
 </script>`