bearbeitbare Bereich Slider

Question

Ich möchte den Wert der Slider auf der Basis von Value ändern, die ich eintrat. (Editierbare Sliders)

<!--- HTML Code---------> 

<div class="form-group" id="AmountdivId"> 
    <label class="control-label">Advance amount</label> 
    <div class="col-sm-4 pull-right"> 
    <input type="text" id="AmountID" class="form-control" /> 
    </div> 
</div> 

    //javascript code 
jQuery(document).ready(function() { 
     // Basic Slider: Success 
     jQuery('#slider-success').slider({ 
     orientation: "horizontal", 
     range: "min", 
     min: 0, 
     max: 20000, 
     value: 15000, 
     slide: function(event, ui) { 
      $("#amount").val(ui.value); 
      $("#FundingAmtClass").val(ui.value); 
      $('#AmountID').val(ui.value); 
     }, 

     }); 

Answer 1

Sie haben eine Aktion Eingabehandler hinzufügen

$('#AmountID').change(function() { 
    var newvalue = $(this).val(); 
    $('#slider-success').slider('value', newvalue);  
    $(this).val(newvalue); 
});