Javascript 如何使用select标记和jquery函数change对div的内容进行排序

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

我使用了html的select标记和jquery的change函数，但我不知道如何使用它们，因为我是javascript的初学者。 我在选择标签中只有三个类别，即高风险、低风险、中等风险，我想根据这些类别进行排序

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

简而言之，我想对数据进行排序，然后重新显示在页面上。

---

任何帮助都将不胜感激。

我想你正在寻找这个

$（“#选择”）.change（函数（）{
var target=$（this.val（）；
$（“.test”）.removeClass（“活动”）；
$（目标）.addClass（“活动”）；
});
.test{
显示：无；
}
.test.active{
显示：块；
}

第一组
第2组
第3组
节目组1
节目组2
节目组3
我猜您的意思是对数据进行排序，然后重新显示在页面上？这个问题有点不清楚，你说对了，还有其他有效的方法吗？如果我们使用这个方法，那么会有很多html语法。使用数据属性而不是值
    $("select").change(function(){
     alert("The text has been changed.");
    });