인풋타입 금액 콤바? 방법

안녕하세요 질문좀 드리겠습니다

<input type="text" id="amount2" numberOnly readonly style="border:0; color:#f6931f; font-weight:bold;">
여기부분에 숫자가 표기가 되는데요

자동으로 3자리 콤마 찍히도록 가능할까요?

아그리고 혹시 100단위로도 가능한지 궁금합니다.

Copy

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>jQuery UI Slider</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
    <script>
        $(function() {
            $("#slider-range-max").slider({
                range: "max",
                min: 0,
                max: 10,
                value: 2,
                slide: function(event, ui) {
                    $("#amount").val(ui.value);
                }
            });
            $("#amount").val($("#slider-range-max").slider("value"));


            $("#slider-range").slider({
                range: true,
                min: 0,
                max: 200000,
                values: [10000, 40000],
                slide: function(event, ui) {
                    $("#amount2").val("₩ " + ui.values[0] +"원"+ "  -  ₩ " + ui.values[1] + "원 이상");
                }
            });
            $("#amount2").val("₩ " + $("#slider-range").slider("values", 0) +"원"+ "  -  ₩ " + $("#slider-range").slider("values", 1)+ "원 이상");

             
        });
    </script>
</head>


<style>
#amount2 {width: 100%;}
</style>
<body>


    <div style="padding:20px;text-align:center;">
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- source.uhoon.co.kr -->
    <ins class="adsbygoogle"
         style="display:inline-block;width:100%;height:60px"
         data-ad-client="ca-pub-4169082997566429"
         data-ad-slot="5725636632"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    </div>

 
    <p>
        <input type="text" id="amount2" numberOnly readonly style="border:0; color:#f6931f; font-weight:bold;">
    </p>
    <div id="slider-range"></div>

 
</body>
 
</html>

인풋타입 금액 콤바? 방법

답변 2개

공유하기