Javascript 如何使文本框值更改生效到jQuery功能

Javascript 如何使文本框值更改生效到jQuery功能,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个文本框,其中包含一些值,它有一个提交按钮,它也有一个滑块,所以当我单击按钮时,滑块会发生变化,但我希望我不会单击提交按钮,而是更改文本框中的值会影响滑块的移动。下面是我所做的一个小动作 这是jQuery代码 var slider = $(".slider").slider({ value: 50, animate: true }); $('#animate').click(function(){ slider.slider('value', $('#val').val()); });

我有一个文本框,其中包含一些值,它有一个提交按钮,它也有一个滑块,所以当我单击按钮时,滑块会发生变化,但我希望我不会单击提交按钮,而是更改文本框中的值会影响滑块的移动。下面是我所做的一个小动作

这是jQuery代码

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

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

您可以使用选择元素的更改事件:

$('#selectthing').change(function(){
    slider.slider('value', $('#val').val());
});
编辑: 你是否改变了你问题的措辞? 如果不是,我可能误解了你

如果您希望以文本输入为目标,那么,正如其他人所建议的,将事件侦听器附加到该文本输入:

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

您可以使用选择元素的更改事件:

$('#selectthing').change(function(){
    slider.slider('value', $('#val').val());
});
编辑: 你是否改变了你问题的措辞? 如果不是,我可能误解了你

如果您希望以文本输入为目标,那么,正如其他人所建议的,将事件侦听器附加到该文本输入:

$('#val').keyup(function(){
  slider.slider('value', $('#val').val());
});
使用Keyup方法

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

当元素的值更改时,更改事件将发送到元素,当用户释放键盘上的键时,keyup事件将发送到元素使用keyup方法

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

当元素的值更改时,更改事件会发送到元素,当用户释放键盘上的键时,keyup事件会发送到元素。我希望这会有所帮助:

我希望这将有助于:


你能在小提琴里编辑吗?它不工作吗?当然,你能在小提琴里编辑吗?它不工作吗