Javascript 更改选定选项值中基于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>

---

你的问题有点含糊，但我认为这是你的目标：

 const value = $('#selectID option[value=""]').prop("selected", true);

 if (value....") {
     // do css stuff
 }

此外，您还可以获得如下值/文本：

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

<script>
   const element = document.getElementById("car_manufacturer");
   const value = element.options[element.selectedIndex].value;
   const text = element.options[element.selectedIndex].text;
 </script>

jQuery：

$("body").css("background-color","red");

拨弄

带有css操作的onchange示例：

据我所知，根据您的简短描述，您需要根据用户在选择框中选择的值执行一些操作，我们称之为事件onchange。我正在为您编写一个代码示例

---

展示你所拥有的，我们将看到你需要/可能会改进的地方。这可能对你有所帮助@jamesS现在，我只有表单结构，我用一个例子编辑了问题。@Rizwan我在我的答案中添加了一个JSFIDLE，希望这能帮上忙。你能用javascript代码编写一个包含所有内容的代码吗？在选择标记中放入onchange=somefunction$this.val。$car\u manufacturer.onchangefunction{}；你也可以这样做是的，它可以工作。在JSFIDLE中添加一个body标记，您将看到效果。我不使用JSFIDLE，但在我的IDE上我已经测试过了。它起作用了fine@Rizwan它在我的IDE中工作得很好，但是当我把它放在我的站点上时，我得到了一个错误：uncaughtreferenceerror:somefunction没有在HTMLSelectElement中定义。onchange index:2473 onchange@index:2473你能把这些代码全部放在脚本中吗？很好，但是当选择change value时我需要更改css。非常好@David，如何使用类而不是body来更改此处的css:document.body.style.display=none；？？jQuery-.addClass$id.addClass类；还有一个.removeClassJavaScript-var元素=document.getElementByIddiv；element.classList.addclass；

document.body.style.backgroundColor = "red";

$("body").css("background-color","red");

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