Question

我试图根据名为risk的变量对div的内容进行排序，其值在1到10之间。屏幕截图：

我使用了html的select标签并更改了jquery的功能，但我没有得到如何使用它们，因为我是javascript初学者。我在选择标签中只有三个类别，即高风险，低风险，中等风险，我想根据这些类别进行排序。

1<=low risk<4
4<=medium risk<7
7<=high risk<=10

我正在使用的

jquery函数是： -

    $("select").change(function(){
     alert("The text has been changed.");
    });

简而言之，我想对数据进行排序，然后在页面上重新显示。任何帮助将不胜感激。

Answer 1

我认为你正在寻找这个。

＆＃13;

$("#select").change(function() {
  var target = $(this).val();
  $(".test").removeClass("active");
  $(target).addClass("active");
});

＆＃13;

.test {
  display: none;
}

.test.active {
  display: block;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="test1" class="test active">div 1</div>
<div id="test2" class="test">div 2</div>
<div id="test3" class="test">div 3</div>

<select name="" id="select">
  <option value="#test1">show div 1</option>
  <option value="#test2">show div 2</option>
  <option value="#test3">show div 3</option>
</select>

＆＃13;

如何使用select标签和jquery函数更改对div的内容进行排序

1 个答案: