javascript - 范围 slider 更改导致 [object Object] 错误

标签 javascript jquery html object rangeslider

希望范围 slider 的值显示在 slider 旁边。在 roadtripsharing.com/map-it 页面上,它给出了 [object Object] 错误,但是当我将 html 和脚本剪切并粘贴到片段(如下)中时,它似乎根本不起作用,并抛出“Unexpected end of输入错误。

我做错了什么以及如何解决它?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="range" min="0" max="100" value="33" id="rtsfader" style="display:inline-block">&nbsp;<output for="rtsfader" id="rtsmileage">33</output>&nbsp; miles
<script type="text/javascript">
function rtsoutputUpdate(vol) {
	document.querySelector('#rtsmileage').value = vol;
  console.log(vol); 
}
</script>

最佳答案

实际上,你不需要 jQuery/JS。围起来<input><output><form>元素。

<form oninput="rtsmileage.value = rtsfader.value">
      <input type="range" min="0" max="100" value="33" id="rtsfader" style="display:inline-block">&nbsp;<output for="rtsfader" id="rtsmileage">33</output>&nbsp; miles
<form>

关于javascript - 范围 slider 更改导致 [object Object] 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37191831/

相关文章:

jquery - div 内表格中的不均匀元素未正确对齐

javascript - 使用 chrome headless 制作 PDF (puppeteer)

jquery post 和 promise 的 Javascript 范围问题

javascript - 在 JavaScript 中合并两个对象

java - 富脸 : Trigger event after table is rendered

javascript - 如何选择所有相同的元素并在 jQuery 中获取每个 id

html - 定时动画

html - 当我使用跨度时,有没有办法为我禁用的单选按钮设置样式

javascript - 如何在 JSON 中表示包含空元素的数组?

JavaScript 原型(prototype)继承解决方法