如何使文本框值更改为jQuery功能

Question

我有一个文本框，其中包含一些值，它有一个提交按钮，它还有一个滑块，所以当我点击按钮时，滑块会改变，但我希望我不会点击该提交按钮，而是改变文本框中的值会影响滑块移动。这是我做的事情的小提琴

http://jsfiddle.net/dhirajbodicherla/VbM9g/1/

这是jQuery代码

var slider = $(".slider").slider({
value: 50,
animate: true
});

$('#animate').click(function(){
slider.slider('value', $('#val').val());
});

Answer 1

使用Keyup方法。

$('#val').keyup(function(){
    slider.slider('value', $('#val').val());
});

JSFiddle

更改事件在其值发生更改时发送到元素，并且当用户在键盘上释放键时将keyup事件发送到元素

Answer 2

您可以使用select元素的更改事件：

$('#selectthing').change(function(){
    slider.slider('value', $('#val').val());
});

修改 你有没有改变问题的措辞？ 如果没有，我可能会误解你。

如果您想要定位文本输入，那么，正如其他人建议的那样，附加一个事件监听器：

$('#val').keyup(function(){
  slider.slider('value', $('#val').val());
});

Answer 3

我希望这有助于 Solution：

 $('#val').keyup(function(){
    slider.slider('value', $(this).val());
 });