create a disabled input in js and read its value

Question

I want to create inputs with javascript and read the value of it. it works fine as long as the input isn't disabled. But the user shouldn't be able to edit the input. How can I disable the inputs without making the value invisible to to javascript?

let input = document.createElement('input');
input.name = "tags[]";
input.value = data;
input.disabled = true;
myNode.appendChild(input);

var inputs = document.querySelectorAll("input[name='tags[]']");
  const active = [];
  for (i = 0; i < inputs.length; i++) {
    active.push(inputs[i].value.toLowerCase());
  }

Simone Rossaini · Accepted Answer · 2021-08-03 12:06:34Z

1

You can use readOnly instead of disabled

for (let i = 0; i <= 10; i++) {
  let input = document.createElement('input');
  input.name = "tags[]";
  input.value = i;
  input.readOnly = true;
  document.getElementById('divid').appendChild(input);
}

var inputs = document.querySelectorAll("input[name='tags[]']");
const active = [];
for (i = 0; i < inputs.length; i++) {
  active.push(inputs[i].value.toLowerCase());
}
console.log(active);

<div id='divid'></div>

answered Aug 3, 2021 at 12:06

Simone Rossaini

8,1461 gold badge15 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

create a disabled input in js and read its value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related