ionRangeSlider - Bereichswert zu versteckten Formulareingabefeld

Question

bekommen, wie in versteckten Eingabefeld Bereichswert anzuzeigen jquery mit Bereichskode

$("#range").ionRangeSlider({ 
    grid: true, 
    from: 1, 
    to: 6, 
    values: [ 
    "", "Tenth", 
    "Diploma", "Twelth", "Graduate", 
    "PostGraduate", "P.hd" 
    ] 
}); 

<input type="range" id="range" value="" name="range" /> 

zeigen in diesem versteckten Eingang

<input type="hidden" id="f4" /> 

Answer 1

Sie müssen das onChange Ereignis verwenden und ich nehme an, dass Sie den Wert auf den Textwert ("Tenth","Diploma","Twelth", "Graduate","PostGraduate","P.hd") whi setzen möchten ch müssen Sie data.from_value verwenden: -

$("#range").ionRangeSlider({ 
 
    grid: true, 
 
    from: 1, 
 
    to: 6, 
 
    values: [ 
 
    "", "Tenth", 
 
    "Diploma", "Twelth", "Graduate", 
 
    "PostGraduate", "P.hd" 
 
    ], 
 
    onChange: function(data) { 
 
    alert(data.from_value); 
 

 
    $('#f4').val(data.from_value); 
 
    } 
 
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.1.4/css/ion.rangeSlider.skinFlat.css" rel="stylesheet" /> 
 

 
<link href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.1.4/css/ion.rangeSlider.min.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.1.4/js/ion.rangeSlider.min.js"></script> 
 

 
<input type="range" id="range" value="" name="range" /> 
 

 
<input type="hidden" id="f4" />