셀렉트 박스에서 선택한거에따라 텍스트 노출을 다르게 하고싶음


<div class="field">

                            <label for="counsel_time">ㅇㅇㅇㅇ</label>

                            <select name="counsel_time" id="counsel_time" required gtm-select="calculator">

                                <option value="time1"> 9시</option>

                                <option value="time2">11시</option>

                                <option value="time3">3시</option>

                                <option value="time4">5시</option>

                                <option value="time5">7시</option>

                            </select>

                        </div>


이케 셀렉박스 만들고


<span id="time_ment"></span>

노출은 여기다가 되게하고


<script type="text/javascript">

                $('time_ment').change(function () {

                    if (counsel_time === "9시") {

                        time_ment = "아침!"

                    } else if (counsel_time === "11시") {

                        time_ment = "점심!"

                    } else if (counsel_time === "3시") {

                        time_ment = "낮잠!"

                    } else if (counsel_time === "5시") {

                        time_ment = "운동!"

                    } else if (counsel_time === "7시") {

                        time_ment = "저녁!"

                    }

                })

            </script>


이렇게 인터넷 뒤져서 해봤는데 안됨 ㅠ 도와줘