jQuery.val funktioniert nicht bei Bereichseingabe?

Question

<input type="range" value="5,17" />

Wenn ich versuche, mit $('input').val('8,20'); den Wert zu ändern es ändert sich nicht ...

Aber auf versteckte Eingänge funktioniert: <input type="hidden" value="s" />

Answer 1

Der HTML5 <input type="range" /> umgehen kann nur ein Wert zwischen min und max Attribut - zB:

<input type="range" min="1" max="10" value="5.3" step="0.1" /> 

$("input[type=range]").val(); // returns 5.3 
$("input[type=range]").val(6); // sets value to 6 
$("input[type=range]").val(); // returns 6 

Wenn Sie den Schiebegriff eine min und ein Maximalwert in einem UI-Eingang konnte man haben will Verwenden Sie möglicherweise jQueryUI Schieberegler: https://jqueryui.com/slider/#range

Answer 2

Ich habe versucht, eine Geige Einrichtung und es funktionierte ohne Probleme.

http://jsfiddle.net/Z2B7Y/

Beachten Sie, dass die value stellt den Zahlenwert, das ist zwischen den min und max Attribute. Versuchen Sie es auf 8,20 setzen es ist nicht gültig, weil es keine gültige Nummer ist und daher keinen Sinn macht.

Wenn Sie einen Fließkommawert festlegen möchten, müssen Sie den Punkt verwenden, z.

$('input').val('8.20'); 

Wenn Sie stattdessen die Grenzen des Bereichs festlegen möchten, müssen Sie die Eigenschaften ändern, z.

$('input').prop('min','8'); 
$('input').prop('max','20'); 

Hoffe das hilft.