如何使用select標籤和jQuery功能變化

Question

我試圖DIV的變量命名風險的基礎上，其價值上的內容進行分類排序DIV的內容位於頁面的截屏110 之間：

link to screenshot of my html page

我已經使用html的選擇標記和更改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

我認爲你正在尋找這個。

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

.test { 
 
    display: none; 
 
} 
 

 
.test.active { 
 
    display: block; 
 
}

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