Question

我想在输入框中显示UI范围滑块值。我已经完成了这个，但我想在另一个上显示相同的值，该范围在另一个。

这里我得到了这个输入框的滑块值，但同样的值也必须反映在另一个div上。

我该怎么做，帮助我摆脱这个

$("#slider").slider({
    range: "min",
    value: 1,
    step: 10,
    min: 210,
    max: 850,
    slide: function (event, ui) {
        $(".inputCount").val(ui.value);
        $(".borrowMonth").val(ui.value);
    }
});
$(".inputCount").change(function () {
    $("#slider").slider("value",this.value);
});

<div id="slider"></div>
<label>£</label>
<input type="text" value="200" class="inputCount"/>

<div class="borrowMonth">£ <span>200</span> </div>

Answer 1

你使用了wrang方法 - 元素的“val”。你需要选择器。这是工作变体：

$(".borrowMonth span").text(ui.value);

此处的完整示例：http://jsfiddle.net/s1hfkgr2/

Answer 2

你去了：

http://jsfiddle.net/hallleron/MD3mX/1813/

必须在此处进行更改：

$(".borrowMonth span").html(ui.value);

请参阅.borrowMonth类中的范围，并将值传递为html，而不是val。跨度没有val属性，

Answer 3

您需要使用text()代替val()

你需要选择span标签而不是div

$(".borrowMonth span").text(ui.value);

http://jsfiddle.net/9uza54ku/

如何在两个不同的字段中显示UI Slider值？

3 个答案: