javascript - 是否可以根据另一个表单的输入更改 HTML5 范围 slider 的最小值和最大值？

Question

引用这个:http://www.alainbruno.nl/form.html

So, for instance, when the race selected is Human I want the minimum and maximum of the age slider to be between 10-80, but when Faela is chosen I want it to be between 10-70.这可能吗？如果可能，如何实现？

如果可能的话，我希望它能在 slider 更改之前不提交比赛输入的情况下工作。

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 example

(请注意，在您的代码中，您的 slider 以 14 和 60 的最小值/最大值开始，所以我将其更改为 10 和 80。)