发送到JavaScript变量的隐藏输入字段中的实时更改?

时间:2011-03-04 15:39:21

标签: javascript variables hidden

我正在尝试通过JavaScript滑动条(Tigra Slider Control)更改运行中的隐藏元素,并将存储的数字放入JavaScript变量中。

然而:

- 我已经在某处读过onchange:“”函数呈现为null,因为当通过除用户以外的方式操作字段时它不会触发。

- 我试图避免按一个按钮来设置动画读数,这个想法是当用户滑动条形时,连接到数字的图像会发生变化。

如果有人能帮我解决这个问题,我将不胜感激。

- 〜里克多维

1 个答案:

答案 0 :(得分:1)

没有事件涵盖这种情况,因此唯一真正的方法是轮询输入元素的值。

我不建议你这样做,因为它是一个糟糕的实现,解决问题的更好方法是

  1. 更改滑块控件的源代码,以允许在滑块更改位置时触发回调函数

  2. 使用已经实现此功能的另一个滑块控件 - 应该有很多可供选择的东西

  3. 如果您仍希望通过轮询输入字段的值来实现它,可以这样做:

    <script>
      var hiddenInputElement = document.getElementById('*insert id of input field*'),
          hiddenInputElementPreviousValue;
      setInterval(function(){
        if(hiddenInputElementPreviousValue != hiddenInputElement.value) {
          hiddenInputElementPreviousValue = hiddenInputElement.value;
          /* value has changed, act on it */
        }
      }, 100);
    </script>
    

    当然,您可以将间隔更改为100毫秒以外的其他内容 - 无论您的需求是什么