Получить значение диапазона JQuery

Question

Я попытался получить значение ползунка диапазона JQuery при изменении этого значения. Я стараюсь это:

HTML/PHP страницы:

<div class="total"> 
     <label for="">Total</label> 
     <p><span class="monthrc"></span> Months</p> 
    </div> 

    <div class="month"> 
     <div class="input"> 
      <label for=""><span></span> Months</label> 
      <input type="text" name="range" class="range min-1 max-12" value="6" id="month"> 
     </div> 
    </div> 

    <script type="text/javascript"> 
     $("#month").slider({ 
     change: function(event, ui) {} 
     }); 
     $("#month").on("slidechange", function(event, ui) { 
     var slv = $("input[id=month]").val(); 
     $('.monthrc').append(slv); 
     }); 
    </script> 

JS страница:

options.slide = function(event, ui) { 
     elem.find('label span').empty().append(ui.value); 
     input.val(ui.value); 
    }; 
    options.value = input.val(); 
    elem.find('label span').empty().append(input.val()) 

Но это не работает; (

Yazrihm, Спасибо за ответы

.

Answer 1

Надеюсь, я правильно понял, так как вы не очень точно т.е.

$("#month").slider({ 
 
    range: "max", 
 
    min: 1, // min value 
 
    max: 12, // max value 
 
    step: 1, 
 
    value: 6, // default value of slider 
 
    create: function(event, ui) { 
 
     $(".monthrc").html(6); // default value of slider 
 
    }, 
 
    slide: function(event, ui) { 
 
     $(".monthrc").html(ui.value); 
 
    } 
 
});

<div class="total"> 
 
    <label for="">Total</label> 
 
    <p><span class="monthrc"></span> Months</p> 
 
</div> 
 

 
<div id="month"> 
 
    <div class="input"> 
 
    </div> 
 
</div> 
 
    
 
<script src="https://code.jquery.com/jquery-3.0.0.js"></script> 
 
<link href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" /> 
 
<script src="https://code.jquery.com/jquery-1.11.3.js"></script> 
 
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>