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

用户1731387

我想在输入框中显示 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>

阿利舍尔·加富罗夫

您使用 wrang 方法 - 元素的“val”。并且您需要更改选择器。这是工作变体:

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

完整示例:http : //jsfiddle.net/s1hfkgr2/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery UI Slider在最低设置上显示初始值

来自分类Dev

jQuery UI Slider在最低设置上显示初始值

来自分类Dev

如何使用jQuery UI Slider在特定值上添加“ +”

来自分类Dev

React Material UI Range Slider值句柄

来自分类Dev

使jQuery UI Slider值作为链接工作

来自分类Dev

无法设置JQuery UI Slider的值

来自分类Dev

jQuery UI Slider-将两个步骤之间的处理程序设置为默认值

来自分类Dev

jQuery UI Slider-最小值和最大值包装在<span>标签中

来自分类Dev

如何使用Groovy比较来自SOAP UI中两个不同请求的响应的值?

来自分类Dev

如何使用Groovy比较来自SOAP UI中两个不同请求的响应的值?

来自分类Dev

Django将值从JQuery UI Slider传递给Form

来自分类Dev

在单独的滑块中使用jQuery UI Slider值

来自分类Dev

jQuery UI Slider单击更新滑块最大值

来自分类Dev

Django将值从JQuery UI Slider传递给Form

来自分类Dev

Jquery UI Slider 在滑动滑块时动态设置值

来自分类Dev

如何在sql中找出两个不同条件下字段的最大值

来自分类Dev

在laravel中如何在单个视图中显示来自两个不同模型的值

来自分类Dev

如何在Android中采用两个不同的值?

来自分类Dev

Androidx:如何在UI测试(Espresso)中测试Slider?

来自分类Dev

如何在Angular 2中使用Kendo UI Slider

来自分类Dev

Javascript,如何在同一个输入类型的文本字段中显示两个值?

来自分类Dev

如何在两个不同的表中显示重复值和唯一值Entity Framework

来自分类Dev

如何从Slider获取十进制值?

来自分类Dev

在SwiftUI中初始化Slider值

来自分类Dev

如何在jQuery UI-Slider上居中工具提示

来自分类Dev

如何在Unity Slider UI上停用点击事件?

来自分类Dev

如何在数据框的两个不同列中突出显示唯一数据值?

来自分类Dev

如何在Material ui自动完成的输入文本字段中显示所选值?

来自分类Dev

根据字段值在两个不同的列中输出

Related 相关文章

  1. 1

    jQuery UI Slider在最低设置上显示初始值

  2. 2

    jQuery UI Slider在最低设置上显示初始值

  3. 3

    如何使用jQuery UI Slider在特定值上添加“ +”

  4. 4

    React Material UI Range Slider值句柄

  5. 5

    使jQuery UI Slider值作为链接工作

  6. 6

    无法设置JQuery UI Slider的值

  7. 7

    jQuery UI Slider-将两个步骤之间的处理程序设置为默认值

  8. 8

    jQuery UI Slider-最小值和最大值包装在<span>标签中

  9. 9

    如何使用Groovy比较来自SOAP UI中两个不同请求的响应的值?

  10. 10

    如何使用Groovy比较来自SOAP UI中两个不同请求的响应的值?

  11. 11

    Django将值从JQuery UI Slider传递给Form

  12. 12

    在单独的滑块中使用jQuery UI Slider值

  13. 13

    jQuery UI Slider单击更新滑块最大值

  14. 14

    Django将值从JQuery UI Slider传递给Form

  15. 15

    Jquery UI Slider 在滑动滑块时动态设置值

  16. 16

    如何在sql中找出两个不同条件下字段的最大值

  17. 17

    在laravel中如何在单个视图中显示来自两个不同模型的值

  18. 18

    如何在Android中采用两个不同的值?

  19. 19

    Androidx:如何在UI测试(Espresso)中测试Slider?

  20. 20

    如何在Angular 2中使用Kendo UI Slider

  21. 21

    Javascript,如何在同一个输入类型的文本字段中显示两个值?

  22. 22

    如何在两个不同的表中显示重复值和唯一值Entity Framework

  23. 23

    如何从Slider获取十进制值?

  24. 24

    在SwiftUI中初始化Slider值

  25. 25

    如何在jQuery UI-Slider上居中工具提示

  26. 26

    如何在Unity Slider UI上停用点击事件?

  27. 27

    如何在数据框的两个不同列中突出显示唯一数据值?

  28. 28

    如何在Material ui自动完成的输入文本字段中显示所选值?

  29. 29

    根据字段值在两个不同的列中输出

热门标签

归档