将值发送到一个输入，然后从滑块发送到另一个输入

我有一个滑块和两个输入。将值发送到一个输入，然后从滑块发送到另一个输入

<div id="slider"></div> 
<input type="number" id="firstInput"> 
<input type="text" id="secondInput">

如果我改变滑动值的第二个输入将被改变，在此之后，我需要实时更新我的上一个输入。

$(function(){ 
    $("#slider").slider({ 
    range: "max", 
    min: 100, 
    max: 1000, 
    value: 600, 
    slide: function(event, ui) { 
     $("#firstInput").val(ui.value); 
     $(ui.value).val($('#firstInput').val()); 
    } 
    }); 
    $("#firstInput").val($("#slider").slider("value")); 
    $('#firstInput').bind('change paste keyup', function() { 
     $("#slider").slider("value", $('#firstInput').val()); 
    }); 
    $(document).click(function() { 
     $('#secondInput').val($('#firstInput').val()); 
    }); 
});

我以为改变事件会帮助，但不是。

Example in jsfiddle

来源

2017-03-02 Frunky

_此后，我需要实时更新最后一次输入。请您详细说明一下吗？ –

如果我改变滑块的值，第二个输入将被更新，我需要用相同的值更新最后一个输入。虽然我没有点击第一个输入，但没有任何事情会发生，但我需要实时更新最后一个输入，而不需要点击 – Frunky

您在混淆问题伙伴。根据我的观察，如果您在滑块中更改'value'， $（“#firstInput”）'得到更新的权利？ –

更新代码

HTML

<div id="slider"></div> 
<input type="number" id="firstInput"> 
<input type="number" id="secondInput">

jQuery的

$(function(){ 
 
\t $("#slider").slider({ 
 
    range: "max", 
 
    min: 100, 
 
    max: 1000, 
 
    value: 600, 
 
    slide: function(event, ui) { 
 
     $("#firstInput").val(ui.value); 
 
     $(ui.value).val($('#firstInput').val()); 
 
     $("#secondInput").val(ui.value); 
 
     $(ui.value).val($('#firstInput').val()); 
 
    } 
 
    }); 
 
    $("#firstInput").val($("#slider").slider("value")); 
 
    
 
    $('#firstInput').bind('change paste keyup', function() { 
 
\t \t $("#slider").slider("value", $('#firstInput').val()); 
 
\t }); $('#secondInput').bind('change paste keyup', function() { 
 
\t \t $("#slider").slider("value", $('#firstInput').val()); 
 
\t }); 
 
    $("#secondInput").val($("#slider").slider("value")); 
 
    $(document).click(function() { 
 
    \t $('#secondInput').val($('#firstInput').val()); 
 
     \t $('#firstInput').val($('#secondInput').val()); 
 

 
\t }); 
 
});

来源

2017-03-02 05:17:35 Lucky

你是说你只需要同时更新两个输入？

$(function() { 
    $("#slider").slider({ 
     range: "max", 
     min: 100, 
     max: 1000, 
     value: 600, 
     slide: function(event, ui) { 
      $("#firstInput, #secondInput").val(ui.value); 
     } 
    }); 
    $("#firstInput, #secondInput").val($("#slider").slider("value")); 
});

甚至这个呢？

$(function() { 
    $("#slider").slider({ 
     range: "max", 
     min: 100, 
     max: 1000, 
     value: 600, 
     slide: function(event, ui) { 
      $("#firstInput, #secondInput").val(ui.value); 
     } 
    }); 
    $("#firstInput, #secondInput").val($("#slider").slider("value")); 
    $('#firstInput, #secondInput').bind('change paste keyup', function() { 
     $("#slider").slider("value", $(this).val()); 
     $("#firstInput, #secondInput").val($(this).val()); 
    }); 
});

来源

2017-03-02 05:27:06 Rick

将值发送到一个输入，然后从滑块发送到另一个输入

回答

相关问题