Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
<link href="https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />  
</head>
<body>
<div id="personalLoanSlider"></div>
<br/>   
<input id="personalloanAMT" type="text" >   
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</body>
</html>
 
jQuery(document).ready(function($){
var $personalLoanSlider = $('#personalLoanSlider').slider({
            range: "min",
            value: 1,
            step: 25000,
            min: 200000,
            max: 4000000,
            slide: function( event, ui ) {
                $('#personalloanAMT').val(formatINR("Rs. " + ui.value ));
                
            }
        });
          $("#personalloanAMT").change(function () {
             var value = this.value.substring(1);
              console.log(value);
        });
    
    function formatINR(unit){
        return unit + "$";
    }
    $(document).on('input', '#personalloanAMT', function(e) {
        var value = e.target.value;
        var validSliderValue = Number(value.replace(/\D+/g, ''));
        $personalLoanSlider.slider( "option", "value", validSliderValue );
    });
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
azs06pro
0viewers