1. ホーム
  2. html

[解決済み] HTML5 input type range show range value

2022-04-25 10:14:25

質問

Webサイトを制作中で、レンジスライダーを使いたいのですが(webkitブラウザにしか対応していないのは承知しています)。

私はそれを完全に統合し、問題なく動作しています。しかし、私は textbox を使用して、現在のスライドの値を表示します。

つまり、最初はスライダーの値が5であれば、テキストボックスには5と表示され、私がスライドするとテキストボックスの値が変化するはずなのです。

のみを使用して行うことはできますか? CSS または html . を避けたい。 JQuery . 可能でしょうか?

どのように解決するのですか?

これはjavascriptを使用しており、jqueryを直接使用しているわけではありません。これは、あなたが始めるのに役立つかもしれません。

function updateTextInput(val) {
          document.getElementById('textInput').value=val; 
        }
<input type="range" name="rangeInput" min="0" max="100" onchange="updateTextInput(this.value);">
<input type="text" id="textInput" value="">