1

If you run the code snippet below and type (anything) into the input, the input will "follow along" with your text input, and not just show the first few characters indefinitely.

I'm wondering if this is possible to achieve if the input value is changed programmatically, in this example, the "Update Input" button.

const updateInput = () => {
const input1 = document.getElementById('input1');
input1.value += (Math.random()*1000).toString();
}
<input id="input1" style="width:50px" />
<button onclick="updateInput()">Update Input</button>

edit: This question has nothing to do with Input value is a string instead of a number

Grambam
  • 424
  • 1
  • 3
  • 17

1 Answers1

2

You need to focus it and then set selection range

const updateInput = () => {
const input1 = document.getElementById('input1');
input1.value += Math.random()*1000;
input1.focus()
input1.setSelectionRange(input1.value.length, input1.value.length);
}
<input id="input1" style="width:50px" />
<button onclick="updateInput()">Update Input</button>
dave
  • 62,300
  • 5
  • 72
  • 93