javascript - 別のフォームの入力に応じて、HTML5 レンジ スライダーの最小値と最大値を変更することはできますか?

Question

これを参照してください: http://www.alainbruno.nl/form.html

たとえば、選択した人種が人間の場合、年齢スライダーの最小値と最大値を 10 から 80 の間にしたいのですが、ファエラを選択した場合は 10 から 70 の間にしたいと考えています。これは可能ですか？

可能であれば、スライダーが変更される前にレース入力を送信せずに動作することを望みます.

Answer 1

もちろん、これを追加してみてください：

$('#Race').change(function () {
    if (this.value == "faela") {
        $('#slider').prop({
            'min': 10,
            'max': 70
        });
    }
    if (this.value == "human") {
        $('#slider').prop({
            'min': 10,
            'max': 80
        });
    }
    $('#slider').val(10);
    output.html('10');
});

jsFiddle の例

(あなたのコードでは、スライダーは最小/最大 14 と 60 で始まっていたので、10 と 80 に変更したことに注意してください。)