셀렉트박스에서 선택명과 내용 다르게 하기?

<div class="form-group row mx-n2">

  <label class="col-sm-2 col-form-label px-2" for="me_memo">자동멘트<strong class="sr-only"> 필수</strong></label>

  <div class="col-sm-10 px-2">

   <select id="auto_comment" onClick="autoComment();">

    <option value="">자동멘트선택</option>

    <option value="1절">동해물과 백두산이 마르고 닳도록 하느님이 보우하사 국내 만세</option>

    <option value="2절">남산 위에 저 소나무 철갑을 두른 듯 바람서리 불변함은 우리 기상일세</option>

    <option value="3절">가을 하늘 공활한데 높고 구름 없이 밝은 달은 우리 가슴 일편단심일세애국가</option>

  </select>

 </div>

</div>

 

<script>

 function autoComment() {

  var comment = $("#auto_comment option:selected").text();

  $("#wr_content").empty();

  $("#wr_content").append(comment);

 }

</script>