본문 바로가기


웹관련팁

셀렉트(select)박스 선택시 인풋(input) 박스에 값이 들어가기

by aisi1004 2016. 6. 7.

셀렉트(select)박스 선택시 인풋(input) 박스에 값이 들어가기



<select name='aisi' id='aisi'> 

  <option value='천원' cost_value='1000'>천원</option> 

  <option value='이천원' cost_value='2000'>이천원</option> 

  <option value='삼천원' cost_value='3000'>삼천원</option> 

</select> 



<input type=text name='bbb' id='bbb'>



셀렉트에 value 값과 별도로 값을 넣고 싶은 경우에
사용하시면 됩니다.


<script>

$(function () {

 var idval = $('#bbb');

   $('#aisi').change(function(){

        var element = $(this).find('option:selected'); 

        var myTag = element.attr('cost_value'); 

         idval.val(myTag);

   });

});

</script>






댓글