JSFiddle - React, Tailwind, and code Playground

HTML

<input />
<select>
  <option>Doesn't work</option>
  <option>Seems to work</option>
</select>
<textarea>Doesn't work</textarea>
<br /><br />
<h2>Test results:</h2>

JavaScript

function write (txt) {
    document.body.appendChild(document.createTextNode(txt));
    document.body.appendChild(document.createElement('br'));
}

var input = document.querySelector('input');
input.value = "Works";

var select = document.querySelector('select');
select.selectedIndex = 1;

var textarea = document.querySelector('textarea');
textarea.value = "Seems to work";

write(input.cloneNode(true).value);
write(select.cloneNode(true).value);
write(textarea.cloneNode(true).value);