제이쿼리는 head 에 제이쿼리를 넣어주셔야 돼요.

<html>
<head>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
...

제이쿼리 부분만 따로 살펴볼게요 :)

$(function(){
    // id 가 select_box 인 아이템이 변경되었을 때
    $('#select_box').change(function(){
        // id 가 select_box 인 아이템의 선택된 옵션의 value 값을 경고창으로 띄우기
        // alert( $('#select_box option:selected').val() );
        // p 태그에 결과 값 출력하기
        $('.result').text( $('#select_box option:selected').val() );
    });
});

결과

See the Pen selectbox onchange by Ari Kim (@toring92) on CodePen.