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

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

您对元素使用了错误的方法 - "val"。你需要改变选择器。这是工作变体：

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

完整示例在这里：http://jsfiddle.net/s1hfkgr2/

Answer 2

好了：

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

必须在此处进行更改：

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

引用 .borrowMonth class 中的跨度并将值作为 html 传递，而不是作为 val。 span 没有 val 属性，

Answer 3

您需要使用 text() 而不是 val()

并且您需要 select 跨越标签而不是 div

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

http://jsfiddle.net/9uza54ku/

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

how to show the UI Slider value in two different fields?

jquery

uislider