Javascript jQuery移动滑块与JS
下面是一个JSFIDLE: HTML: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
如何使其基于滑块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]);