Javascript 获取滑块';s值jQuery
我使用创建了一个滑块,但读取滑块的值时遇到问题 这是我的HTML:Javascript 获取滑块';s值jQuery,javascript,jquery,dragdealer-js,Javascript,Jquery,Dragdealer Js,我使用创建了一个滑块,但读取滑块的值时遇到问题 这是我的HTML: <div id="just-a-slider" class="dragdealer"> <div class="handle red-bar"> <span class="value"></span>% </div> </div> 如何读取用户选择的值 例如,我想做这样的事情: var sliderValue = docum
<div id="just-a-slider" class="dragdealer">
<div class="handle red-bar">
<span class="value"></span>%
</div>
</div>
如何读取用户选择的值
例如,我想做这样的事情:
var sliderValue = document.getElementById("just-a-slider").value;
// When the user clicks the Apply button an empty div gets the slider's value that the user selected
var greetingString = sliderValue;
document.getElementById("users_choice").innerText = greetingString;
试试这个
$('#users_choice').text() = $('#just-a-slider .value').text();
从目前的文档来看,您似乎可以
var sliderValue = $('#just-a-slider').getValue();
getValue-以编程方式获取Dragdealer实例的值。该值以[x,y]元组的形式返回,并且与常规回调(而不是animationCallback)返回的投影值等效
HTML
<div id="just-a-slider" class="dragdealer">
<div class="handle red-bar">
<span class="value"></span>%
</div>
</div>
<input type="button" value="Get slider value" id="button1" />
先去看上面的内容。很难比这更清楚。除非您对javascript或编程非常陌生。我尝试了它,但出现了以下错误:
对象不支持属性或方法“getValue”
$(“#just-a-slider.value”).text()代码>完成了任务。如果这解决了您的问题,您可以将其标记为答案:)
<div id="just-a-slider" class="dragdealer">
<div class="handle red-bar">
<span class="value"></span>%
</div>
</div>
<input type="button" value="Get slider value" id="button1" />
new Dragdealer('just-a-slider', {
animationCallback: function(x, y) {
$('#just-a-slider .value').text(Math.round(x * 100));
}
});
$('#button1').click(function(){
alert($('#just-a-slider .value').text());
});