Hiện/ẩn nội dung với một lớp học cụ thể bằng cách sử dụng jquery

Question

Tôi là người mới và có thể đây là một câu hỏi ngu ngốc nhưng tôi đã tìm kiếm câu trả lời ở mọi nơi mà không cần tìm. Vì vậy, ở đây chúng tôi đi:

Tôi muốn hiển thị nội dung khác nhau tùy thuộc vào tùy chọn tôi chọn trong biểu mẫu thả xuống. Như tôi đã học được ở đây trên StackOverflow, bạn ca sử dụng chức năng thay đổi để làm điều này:

Ví dụ:

<script type="text/javascript"> 

$(document).ready(function() { 
$('#myselector').change(function(){ 
    $('.statecontent').hide(); 
    $('#' + $(this).val()).show();  
}); 
}); 

</script> 

<select id="myselector"> 
<option value="state1"></option><br /> 
<option value="state2"></option><br /> 
<option value="state3"></option><br /> 
</select> 

<div id="state1" class="statecontent">State1 Specific Page Content Goes here</div><br  /> 
<div id="state2" class="statecontent">State2 Specific Page Content Goes here</div><br /> 
<div id="state3" class="statecontent">State3 Specific Page Content Goes here</div><br /> 

Mã này sẽ alove tôi để hiển thị thats nội dung bên trong div khác nhau tùy thuộc vào những gì 'nhà nước' Tôi chọn trong trình đơn thả xuống. Nhưng làm thế nào để tôi kết nối các giá trị của thả xuống một lớp cụ thể thay vì một id. Vấn đề là tất nhiên tôi muốn hiển thị một số div chia sẻ một lớp phổ biến khi tôi chọn một trạng thái trong trình đơn thả xuống.

Tôi rất cảm kích nếu có ai có thể chỉ cho tôi đúng hướng.

Paul