Question

我采用一种形式，选择一个问题，即如果选择确定的值，则下一个问题无需显示。如何制作一个能够检测到用户在选择和更改页面CSS中选择了确定选项的jquery代码？

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

Answer 1

您的问题有点含糊，但我想这就是您的追求：

 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>

您可以在select元素上添加on onchange事件来扩展上述内容。

<select id="car_manufacturer" onchange="selectManufacturer(this)">

操作CSS：

JavaScript：

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

jQuery：

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

小提琴

onchange具有CSS操作的示例：

http://jsfiddle.net/9L0czmeq/

Answer 2

据我所提供的简短说明，您需要根据用户在选择框中选择的值（我们将其称为事件onchange）进行操作。我正在为您编写代码示例

@if(User.IsInRole("Admin"))
{

}

根据选择的“选择”选项值来更改CSS

2 个答案: