Javascript jQuery移动滑块与JS

Javascript jQuery移动滑块与JS,javascript,jquery,html,css,Javascript,Jquery,Html,Css,下面是一个JSFIDLE: HTML: 如何使其基于滑块0-4的值,在输入文本框中的“步骤”数组索引处显示单词。例如,滑块值3将在输入文本框中显示单词“mary”。要设置输入元素的值,请使用: $("#text-1").val(steps[value]); JSFiddle: $(function() { var steps = [ "Last", "dance", "with", "mary", "j

下面是一个JSFIDLE:

HTML:


如何使其基于滑块0-4的值,在输入文本框中的“步骤”数组索引处显示单词。例如,滑块值3将在输入文本框中显示单词“mary”。

要设置输入元素的值,请使用:

$("#text-1").val(steps[value]);
JSFiddle:

$(function() {

    var steps = [
        "Last",
        "dance",
        "with",
        "mary",
        "jane"
    ];

    $("input#slider-1").on("change", function (event) {
        var value = $(this).val();
        //alert(steps[value]);
    });

});
$("#text-1").val(steps[value]);