javascript - 如何在文本框中显示 slider 更改值的结果?

标签 javascript jquery html

我试图在文本框中显示 slider 更改值的结果,但我不知道该怎么做。代码是:

JS

slider = widget.getByName("Slider1");
slider.addValueChangedHandler(
    function (sender, e) {
        alert(sender.getValue());
    }
)
}

HTML

</head>
<body>
<div style="clear: both; margin-top: 0px; margin-bottom: 0px; "></div>
<div class="cell" style="height:100px">
  <div class="container" style="height: 100px; margin-bottom: 0px;">
    <div class="widget" style="height: 150px; margin-bottom: 0px;" id="root">
    </div>
  </div>
</div>
<div><input type="text" id="ValueBox" value="0"/></div>
</body>
</html>

提前感谢您的帮助。

最佳答案

脚本

slider = widget.getByName("Slider1");
    slider.addValueChangedHandler(
                    function (sender, e) {
                        document.getElementById("ValueBox").value=sender.getValue();
                    }
                )           
            }

        </script>

HTML

 </head>
    <body>
    <div style="clear: both; margin-top: 0px; margin-bottom: 0px; "></div>
    <div class="cell" style="height:100px">
            <div class="container" style="height: 100px; margin-bottom: 0px;">
                <div class="widget" style="height: 150px; margin-bottom: 0px;" id="root">
                </div>
            </div>
        </div>    
    <div><input type="text" id="ValueBox" value="0"/></div>
    </body>
    </html>

关于javascript - 如何在文本框中显示 slider 更改值的结果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34765738/

相关文章:

javascript - 在 Javascript/JQuery 中使用自定义分隔符计算天数

javascript - Angular js 中未定义 modalInstance

html - 我怎样才能使社交媒体图像成为模态对话的中心?

javascript - onclick事件触发另一个overlay div

javascript - 在 PHP 中动态地将图像添加到 JQuery slider

javascript - 在 CSS 动画中进行意外移动

html - 当媒体查询覆盖其他媒体查询时

javascript - (Javascript) 如何将子菜单按钮链接到一个函数?

javascript - 覆盖 WordPress 子主题中的 javascript 函数

javascript - 如何将图像预加载到 Orbit slider 中?