javascript - 根据选择的选项值更改 css

标签 javascript jquery html css

我有一种形式,一个人选择一个问题,如果选择了确定的值,我不需要显示下一个问题。我如何制作一个 jquery 代码来检测用户在选择中选择了一个确定的选项并更改页面的 CSS?

<select>
   <option value="volvo">Volvo</option>
   <option value="saab">Saab</option>
   <option value="mercedes">Mercedes</option>
   <option value="audi">Audi</option>
</select>

最佳答案

据我了解你的简短描述,你需要根据用户在选择框中选择的值做一些事情,我们称之为 onchange 事件。我正在为你写一个代码示例

<select onchange="somefunction($(this).val())">
 <option value="1">Option 1</option>
 <option value="2">Option 2</option>
 </select>

<script>
  function somefunction(value){
     if(value == 1){
      $("body").css("background-color","red");
     }
     if(value == 2){
       $("body").css("background-color","yellow");
     }
  }
   </script>

关于javascript - 根据选择的选项值更改 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54477834/

相关文章:

javascript - 如何让页面在没有焦点的情况下不休眠?

javascript - 如何设置水平滚动位置 react

javascript - 页面向下滚动时调整其高度的图像

html - Bootstrap 3 字形 CDN

jquery - 使用 fancyBox 的 HTML 属性 rel 错误

javascript - Angular2 - 让动画不适用

javascript - 当 div 上有其他文本时居中对齐文本

javascript - 当用户单击浏览器后退按钮时提交表单

javascript - 如何在不复制的情况下重复刷新div?

javascript - JavaScript 算术和 DOM 中的 NaN 值出现问题