테스트 사이트 - 개발 중인 베타 버전입니다

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

재미니다 4년 전 조회 2,396

</p>

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

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

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

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

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

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

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

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

<p>  </select></p>

<p> </div></p>

<p></div></p>

<p> </p>

<p><script></p>

<p> function autoComment() {</p>

<p>  var comment = $("#auto_comment option:selected").text();</p>

<p>  $("#wr_content").empty();</p>

<p>  $("#wr_content").append(comment);</p>

<p> }</p>

<p></script></p>

<p>

셀렉트박스를 이용하여 지정해놓은 멘트를 댓글 적는곳에 자동으로 넣으려고 하는데요..

위 코드 처럼 해보니 내용 전체가 선택명이 되서 셀렉트 박스 길이가 너무 길어집니다.

선택명이랑 내용을 다르게 지정 하려고 합니다만 제 실력이 부족하여 이렇게 도움을 청합니다.

어떻게 해야 선택명/내용을 다르게 지정 할 수 있을까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

 

$("#auto_comment option:selected").data('value');

 

또는

 

 

$("#auto_comment option:selected").val();

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

재미니다
4년 전
엑스엠엘님 답변 담사드립니다!!
제가 원하는데로 깔끔하게 됐습니다.
감사합니다.^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인